Pengenalan HTML

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.<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.
<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).
Contoh di atas menunjukan bahwa elemen dapat bersarang. Elemen<!DOCTYPE html>
<html>
<body>
<h1>Judul</h1>
<p>Paragraf</p>
</body>
</html>
html
berisi elemen body
, dan elemen body
berisi 2 elemen lain yaitu h1
dan p
.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.
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 |
- 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
Post a Comment