Pengenalan HTML



Struktur HTML
Stuktur HTML
HTML HTML singkatan dari hypertext markup language, HTML adalah bahasa markah standar untuk membuat halaman situs web.
Hypertext mengacu pada cara halaman web dihubungkan bersama-sama. Dengan demikian, pranala yang tersedia di halaman web disebut hiperteks.
HTML adalah bahasa markah, itu berarti kamu menggunakan HTML untuk "menandai" teks dokumen dengan tag.
HTML mendeskripsikan struktur dari halaman web menggunakan tag. Gambar di atas menunjukkan gambaran struktur HTML
Hanya konten yang berada di dalam tag body yang akan ditampilkan di browser.




Tag HTML Tag HTML adalah "tanda" untuk menformat/membentuk konten, tag HTML berupa nama yang di dalam kurung sudut dan biasanya ditulis sepasang. Contoh :
<namatag></namatag>
Tag pertama disebut juga tag awal atau tag pembuka, dan tag yang kedua ditulis dengan “/” disebut juga tag akhir atau tag penutup.
Tag HTML tidak ditampilkan oleh browser, tetapi digunakan untuk menentukan bagaimana dokumen ditampilkan. Seperti yang telah disebutkan, tag HTML digunakan untuk menformat/membentuk konten.
Dalam HTML5, tag tidak diwajibkan menggunakan huruf kecil, tapi W3C merekomendasikan penggunaan huruf kecil.
Kita perlu belajar tag-tag HTML berserta penggunaannya yang berbeda untuk menformat teks atau gambar. Kamu bisa mempelajari tag-tag HTML di halaman ini.




Elemen HTML Elemen HTML berupa semua hal dari tag pembuka hingga tag penutup. Contoh :
<namatag>konten</namatag>
Elemen HTML yang tidak dapat memiliki konten disebut elemen tunggal (void element / empty element), elemen tunggal tidak memiliki tag penutup tetapi tetap bisa "ditutup" di dalam tag pembuka, penutupan seperti itu disebut juga self-closing. Contoh :
<br/>
Dalam HTML5, elemen tunggal tidak diwajibkan untuk ditutup, tetapi tipe dokumen stricter mewajibkan elemen tunggal ditutup.
Elemen HTML dapat bersarang (elemen dapat berisi elemen).
<!DOCTYPE html><html>  <body>    <h1>Judul</h1>    <p>Paragraf</p>  </body></html>
Contoh di atas menunjukan bahwa elemen dapat bersarang. Elemen html berisi elemen body, dan elemen body berisi 2 elemen lain yaitu h1 dan p.




Atribut HTML Atribut menentukan karakteristik elemen HTML, semua elemen HTML bisa memiliki atribut.
Atribut terdiri dari sepasang nama dan nilai yang ditentukan di dalam tag pembuka. Contoh :
<p namaatribut="nilai">konten..</p>
Dalam HTML5, atribut tidak diwajibkan menggunakan huruf kecil dan tanda kutip di sekitar nilai, tetapi W3C merekomendasikan penggunaan huruf kecil dan kutip di sekitar nilai.
Kita perlu belajar atribut-atribut HTML dan mengetahui penggunaan atribut-atribut yang berbeda. Kamu bisa mempelajari atribut-atribut HTML di halaman ini.




Pendeklarasian Doctype Pendeklarasian doctype menunjukan tipe dokumen dan versi HTML, pendeklarasian ini membantu browser menampilkan halaman web dengan benar.
Doctype harus muncul hanya sekali dan harus paling pertama (sebelum tag HTML lain).
Doctype case insensitive, artinya baik huruf kecil maupun huruf besar sama saja.
Pendeklarasian doctype berbeda-beda, tergantung pada tipe dokumen dan versi HTML yang ingin kamu gunakan. Pendeklarasian doctype untuk HTML5 adalah : <!DOCTYPE html>.
Ada beberapa versi HTML hingga saat ini yaitu :
Nama Tahun
HTML 1991
HTML 2 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML 5 2014
Kunjungi halaman ini untuk mengenal lebih lanjut perbedaan versi HTML dan pendeklarasiannya.




Penjelajah Web Tujuan dari penjelajah (browser) web adalah untuk membaca dokumen HTML dan menampilkannya.




Penyunting Teks Penyunting teks (text editor) adalah program pengolah kata, contohnya notepad. Kamu memerlukan penyunting teks untuk membuat dan memodifikasi halaman web. Berikut langkah-langkah membuat halaman situs web :
  • Buka aplikasi penyunting teks
  • Tulis kode HTML
  • Simpan berkas dengan ekstensi htm atau html (keduanya sama saja), misalnya namaberkas.html
  • Buka berkas yang sudah disimpan tadi dengan browser

Comments

Popular posts from this blog

Tag Address