Link successfully copied to clipboard
single image
SELAMAT DATANG HIMAKOM JUNIOR
Udah pada tau belum nih tentang apa itu HIMAKOM dan seluruh jajaran-nya ?
Klik tautan di bawah ini untuk selengkapnya
Nah..., Pada masa Pendidikan lanjutan saat ini kita akan mempelajari beberapa materi, diataranya adalah HTML.
Apa sih HTML itu ?
YUK ! simak vidio berikut
HTML DASAR
Pengenalan
pengenalan dasar HTML
HTML
adalah pengenalan dasar dari pemrogramman web. Naskah-naskah yang ada di web di susun dalam bentuk dokumen
HTML
. Sehingga jika anda ingin menjadi seorang
Web Programmer
, maka anda harus mengusai dengan benar bahasa
HTML.
> Sejarah HTML
HTML diciptakan pertama kali pada tahun 1980 oleh IBM dengan mengembangkan sebuah bahasa pemrogramman yang saat itu di beri nama GML (generalized markup language).
Pada tahun 1986 GML berganti nama menjadi SGML atau Standard generalized markup language. Kemudian berganti nama lagi pada tahun 1989, waktu itu oleh tim Berness-Lee dari CERN diberi nama HTML.
Sejak tahun 1990-an, HTML atau
Hyper Text Markup Language
telah menjadi teknologi utama untuk web. HTML pertama kali muncul di internet dalam bentuk teks, seperti hal nya sebuah (file.txt) biasa.
>Versi Html
Bahasa pemrogramman HTML telah melalui banyak proses dan perkembangan sejak pertama dirilis. Dimulai dari versi HTML 1.0 pada tahun 1991 hingga versi HTML5 pada tahun 2014. Dengan hadir nya versi HTML5 sampai saat ini, diaharapkan mampu menyempurnakan versi-versi HTML sebelumnya, seperti HTML 4.0 (1999) dan XHTML 1.0 (2000).
>Pengertian HTML
Hyper Text Markup Language
atau yang biasa di sebut dengan HTML adalah
bahasa standard yang digunakan untuk menampilkan halaman web.

Apa itu Hyper Text dan Markup Language ?
Dinamakan Hyper Text karena didalam HTML terdapat Text yang berhubungan dengan dokumen lain. Dengan kata lain, Text biasa pad HTML bisa berubah menjadi sebuah link yang dapat berpindah dari satu halaman ke halaman lain nya hanya dengan mengetuk text tersebut.
Sedangkan Markup Language pada singkatan HTML merupakan sebuah bahasa pemrograman yang berupa kode-kode yang di dalam nya menggunakan tanda atau mark, Tanda tersebut dikenal sebagai HTML Tag.
Dokumen HTML disusun oleh beberapa Element antara lain :
Element Head , Element Title, Element Body ,
dll yang disusun dan di tulis juga di bungkus dalam Tag
< html>
.
>Struktur HTML
Element yang dibutuhkan untuk membuat suatu Dokumen HTML dinyatakan dengan Tag < htlml>, < head>, < body> beserta dengan Tag-tag pasangan nya.
HTML mengharuskan penggunaan end Tag atau penutup Tag, namun ada juga yang tidak berpasangan, seperti Tag < br/> dan Tag < hr>, dsb. Setiap dokumen HTML diawali denga Tag < html> dan di akhiri dengan tag < /html>. Berikut contoh sederhana struktur dokumen HTML5.
single image
>Web Browser dan Server Web
Sebelum anda membuat halaman web pertama, anda juga perlu sedikit mengenal Web Browser dan Server Web. Web Browser merupakan Software yang digunakan untuk menampilkan informasi dari server web. Dengan kata lain, Web Browser digunakan untuk menampilkan halaman web yang dibuat dengan HTML, XML, dsb.
Sedangkan, pengertian dari Server Web adalah Komputer yang digunakan untuk menyimpan dokumen Web, Komputer ini akan melayani permintaan dokumen web dari Client-nya. Contoh dari web server yaitu IIS, PWS, Apache, Xitami.
Lalu Bagaimana Web Browser Menampilkan Web dari Sebuah Dokumen HTML ?
Sebuah dokumen HTML yang dikirimkan melalui Hyper Text Transfer Protocol akan di terjemahkan oleh Web Browser dan ditampilkan kembali sehingga mudah di fahami oleh User/Manusia.
>Halo Indonesia !
Yang dimaksud Halo Indonesia disini adalah contoh menampilkan kalimat " Halo Indonesia " pada halaman web.
  • Langkah pertama, anda memerlukan sebuah aplikasi text Editor, seperti Notepad dan web browser yang anda gunakan untuk membaca artikel ini.
  • Langkah kedua, tulis kembali Kode HTML dengan text editor dan simpan dengan nama
  • halo.html
single image
Setelah anda menulis ulang kode Html diatas pada notepad. Langkah selanjutnya yaitu buka file
'halo.html'
pada web browser dengan cara Klik Double pada file yang telah anda buat atau dengan klik kanan untuk membuka opsi Open With Browser. Berikut contoh hasil pada halaman Web.
single image
contact us