Struktur Dokumen HTML |
| Contoh Hasil Desain Sederhana via Notepad |
§ Doctype
Doctype adalah
deklarasi untuk memberitahu web browser mengenai versi HTML yang digunakan di
sebuah halaman web. Penulisannya berada di awal dokumen HTML.
<!DOCTYPE
html>
Seperti di ulas
kemarin, HTML memiliki beberapa versi. Sekedar untuk referensi, deklarasi
Doctype pada HTML 4.01 Transitional adalah sebagai berikut:
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML
4.01 Transitional//EN” http://www.w3c.org/TR/html4/loose.dtd”>
Adapun deklarasi Doctype pada XHTML 1.1
adalah sebagai berikut:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML
1.1//EN” “http:/www.w3c.org/TR/xhtml11.dtd”>
Pendeklarasian Doctype
di HTML5 disederhanakan, sehingga mudah dihafal.
§ Root
Root adalah
elemen dasar, yaitu kode mulai dari <html> hingga </html>. Doctype
tidak termasuk root dan semua elemen lain harus berada di dalam root.
§ Elemen
Elemen adalah
bagian-bagian dari dokumen HTML. Contohnya, kode mulai dari <body> sampai
</body> disebut elemen body dan lain sebagainya.
§ Tag
Tag adalah kode
untuk menandai awal dan akhir suatu elemen di HTML. Tag menggunakan tanda
kurung sudut <...>. Contohnya antara lain <html>, <head>,
<body>, </html>, <p>, <title>, dan lain sebagainya.
§ Nama
Tag
Nama tag adalah
karakter yang berada di dalam tanda tag. Misalnya head, body, title, dan lain
sebagainya.
§ Tag
Pembuka
Tag pembuka
adalah tanda awal sebuah elemen. Contohnya <html>, <title>, dan
<body>.
§ Tag
Penutup
Tag penutup
adalah tanda akhir sebuah elemen. Contohnya </html>, </title>, dan
</body>.
§ Tag
Tunggal
Tag tunggal
adalah tag khusus yang tidak menggunakan tag penutup. Contohnya <img>,
<area>, <br>, <hr>, <link>, <embed>, dan lain
sebagainya.
§ Atribut
Atribut adalah
informasi atau aturan tambahan yang disisipkan dalam sebuah tag. Misalnya tag
<a> disisipi atribut href=”kuinginbaca.blogspot.co.id”. tag <a>
berfungsi untuk membuat link, atributnya berisi informasi mengenai
tujuan/target link-nya. Bagian href disebut atribut, http://kuinginbaca.blogspot.co.id
disebut dengan nilai atribut.
§ Komentar
Komentar adalah
baris kode yang diabaikan oleh browser dan tidak muncul di halaman web. Komentar
ditandai dengan simbol awal <!-- dan diakhiri dengan simbol -->. Komentar
hanya berfungsi sebagai catatan sang pembuat kode untuk mengingat sesuatu. Contohnya
sebagai berikut.
<!-- Ini
untuk komentar -->
§ Teks
Teks adalah isi
yang ada di dalam sebuah elemen, baik berupa huruf, angka, atau simbol. Contohnya
judul blog saya “Aku Ingin Membaca”
§ Karakter
Khusus
Karakter khusus
adalah kombinasi karakter tertentu yang digunakan untuk menampilkan suatu
simbol di halaman web. Pada contohnya untuk menampilkan simbol & digunakan
karakter khusus & dan bukan dituliskan secara langsung. Contoh lain,
untuk menampilkan simbol hak cipta © digunakan karakter khusus ©. Daftar
karakter khusus dan simbol yang dihasilkan dapat dilihat di: www.degreave.com/reference/specialcharacters.php.
Beberapa hal
yang perlu dipahami mengenai kode HTML dan tampilannya di web browser antara
lain:
a.
Dokumen HTML tersusun atas dua elemen utama,
yaitu elemen head dan elemen body.
b.
Teks di antara tag embuka <title> hingga
tag penutup <title> akan muncul sebagai judul halaman web di jendela web
browser.
c.
Selain elemen title, elemen lain yang berada di
elemen utama head tidak akan ditampilkan di web browser dan hanya sebagai
informasi.
d.
Apa yang akan anda tuliskan di elemen utama body
akan ditampilkan di web browser, kecuali komentar. Elemen body inilah konten
halaman web yang biasa anda di internet.
Sebagai catatan,
file HTML dapat disimpan dengan ekstensi file .html maupun .htm.
sumber:
Rozi, Z. A. & SmitDev Community. 2016. MODERN WEB DESIGN. Jakarta: Elex Media Komputindo.
No comments:
Post a Comment
Kami mengharapkan saran maupun kritik yang membangun blog kami. Dilarang SARA dan kata-kata yang tidak pantas :)