Berkenalan dengan HTML
HTML adalah bahasa yang dipakai untuk menulis sebagian besar website. HTML digunakan untuk membuat halaman dan menjadikannya berfungsi. HTML singkatan dari Hypertext Markup Language.
Hypertext bermakna bahwa dokumen berisi link atau tautan yang memungkinkan pembaca untuk berpindah ke bagian lain dari dokumen atau beralih ke dokumen lainnya.
Markup Language adalah bahasa yang dipakai untuk berkomunikasi antar komputer, dalam hal ini sever dengan client, untuk melakukan pengolahan dan penyajian teks.
HTML diciptakan oleh Tim Berners-Lee, dan kawan-kawan pada tahun 1989. Tim Berners-Lee ini juga yang menemukan HTTP. Silakan baca : Berkenalan dengan HTTP.
Tag, content dan element
Dalam melakukan pemrosesan teks, HTML menggunakan tag. Apa itu tag ? Tag adalah penanda (mark up) agar dapat diketahui bagaimana suatu teks diproses dan disajikan. Tag mengapit teks/content. Tag beserta content membentuk element. Tag mengawali suatu element dan biasanya juga diakhiri dengan tanda penutup pada akhir element.
<tagname>Content dituliskan di sini...</tagname>
Contoh tags :
- awalan <h1> : untuk heading level 1 dan ditutup dengan </h1>
- awalan <p1> : untuk paragraf dan ditutup dengan </p>
- dll
Beberapa element pada HTML tidak memiliki content, contohnya adalah <br>
Tanpa banyak basa-basi, kita sajikan saja contoh HTML sederhana.
Contoh :
Penjelasan :
- <!DOCTYPE html> : menjelaskan bahwa jenis dokumen adalah HTML5
- <html> : adalah elemen paling ujung (root) dari sebuah halaman HTML, ditutup dengan </html>
- <head> : berisi informasi meta tentang halaman HTML, ditutup dengan </head>
- <title> : berisi judul halaman HTML yang tampil pada bagian judul (title bar) dari browser, ditutup dengan </title>
- <body> : mendefinisikan batang tubuh dokumen dan merupakan penampung dari semua yang akan tampil pada halaman HTML, seperti : heading, paragraf, gambar, tautan, tabel, daftar, dll. Ditutup dengan </body>
- <h1> : mendefinisikan heading terbesar atau heading level 1, ditutup dengan </h1>
- <p> : mendefinisikan paragraf, ditutup dengan </p>
O iya, untuk editornya bisa menggunakan : Sublime Text, Notepad++, Komod Edit dan Visual Studio. Silakan dicoba saja. Jangan lupa file dokumennya berekstensi .HTML.
O iya, satu lagi jangan lupa di komputer kita harus sudah terinstal browser, misalnya : Edge, Firefox, Google Chrome, dll. Tentang browser dan istilah-istilah lain yang terkait dapat dibaca di artikel : Peristilahan yang Berkaitan dengan HTTP.
Nah, sekarang file HTML yang sudah kita buat pada contoh langsung dapat kita panggil dari browser.
Kita sudah berhasil menuliskan script HTML kita. Teman-teman dapat mencoba sendiri contoh script HTML pertama kita dengan editor dan browser kesayangan teman-teman.
Selamat mencoba !
Semoga bermanfaat.
0 Response to "Berkenalan dengan HTML"
Post a Comment