Fajri Blog - Di artikel ini akan diberikan gambaran umum mengenai komponen dasar dalam dokumen HTML.
Apa itu HTML?
HTML singkatan dari Hypertext Markup Language yaitu bahasa markup yang digunakan untuk membangun sebuah halaman web. Setiap web akan selalu berisi dokumen yang dituliskan dalam bahasa markup ini. Dokumen HTML tersusun atas tag-tag yang diisi dengan konten web untuk ditampilkan ketika dijalankan dalam sebuah Web Browser.
Struktur Dasar HTML
<html>
Apa itu HTML?
HTML singkatan dari Hypertext Markup Language yaitu bahasa markup yang digunakan untuk membangun sebuah halaman web. Setiap web akan selalu berisi dokumen yang dituliskan dalam bahasa markup ini. Dokumen HTML tersusun atas tag-tag yang diisi dengan konten web untuk ditampilkan ketika dijalankan dalam sebuah Web Browser.
Struktur Dasar HTML
<html>
<head>
<title>Judul Dokumen</title>
</head>
<body>
<p>Konten web dituliskan di sini.</p>
<p>Konten web dituliskan di sini.</p>
</body>
</html>
Setiap dokumen HTML selalu memuat setiap tag tersebut.
Tag <html>...</html> menunjukkan awal dan akhir penulisan dokumen.
Tag <head>...</head> menunjukkan tempat untuk meletakkan elemen script, style, title dan lainnya.
Tag <body>...</body> menunjukkan tag yang akan menampilkan konten dalam dokumen pada Web Browser ketika dijalankan.
Bentuk Penulisan
<tag_pembuka name="value"></tag_penutup>
Contoh :
<p align="center">Contoh paragraf dalam dokumen HTML</p>
Setiap penulisan tag HTML dimulai dengan penulisan tanda kurung sudut "<" dan ">". Dalam contoh ini tag <p> dinamakan tag pembuka dan tag </p> sebagai tag penutup. Beberapa tag dalam dokumen HTML tidak disertai tag penutup seperti <br/> sebagai tag untuk membuat baris baru.
Jika dalam penulisan ada dua atau lebih tag, maka tag yang ditutup pertama kali adalah tag yang berada di bagian tengah seperti pada Struktur Dasar HTML di atas.
Komponen HTML
Dari contoh di atas, dapat dituliskan komponen yang ada dalam suatu tag HTML.
1. Elemen
Elemen terdiri dari tiga bagian yaitu tag pembuka, isi dan tag penutup.
Dari contoh sebelumnya:
Tag <p> sebagai tag pembuka,
Contoh paragraf dalam dokumen HTML sebagai isi, dan
</p> sebagai tag penutup.
Tag <p> sebagai tag pembuka,
Contoh paragraf dalam dokumen HTML sebagai isi, dan
</p> sebagai tag penutup.
2. Atribut
Artibut mendefinisikan properti pada elemen HTML, yang terdiri dari name dan value.
3. Name
Name merupakan atribut yang menunjukkan informasi atau nama yang ditambahkan pada tag dan elemen yang memuat atribut name tersebut.
4. Value
Value merupakan atribut yang menunjukkan nilai dari atribut name yang ditambahkan pada tag dan elemen yang memuat atribut tersebut.
Demikian artikel mengenai komponen dasar dalam HTML sebagai gambaran umum struktur halaman HTML. Jika ada pertanyaan silahkan tuliskan di kolom komentar.
Komponen Dasar dalam HTML
4/
5
Oleh
Muhammad Fajri
