HTML atau singkatan dari HyperText Markup Language adalah bahasa pemrograman web dasar atau script untuk membuat dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan terdapat tag-tag yang memerintahkan web browser untuk mengeksekusi perintah yang diberikan.
Struktur dasar dokumen HTML adalah sebagai berikut:
<html>
<head>
<title>Disini adalah judul web yang kita buat</title>
</head>
<body>
Disini adalah isi dari document web yang kita buat dan ditampilkan di web browser
</body>
</html>
Jika diperhatikan, struktur HTML mirip seperti halnya dengan roti isi yaitu jika kita memberi tag pembuka maka kita harus memberi tag penutup.
Berikut adalah penjelasan lebih rinci dari struktur HTML diatas:
Tag
Tag Adalah sebuah teks khusus (markup) berupa dua karakter yaitu "<" dan ">". sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"). sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML. Jadi jika saat kita membuat tag pembuka dan lupa membuat tag penutup, ini dapat menyebabkan perintah tersebut tidak terlaksana atau bisa menyebabkan eror pada bagian tertentu pada documen web yang kita buat.
Element
Element dalam HTML terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen HTML
Disini adalah Judul Dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar
<p>
<b>
................
</b>
</p>
Contoh penulisan tag-tag yang salah
<p>
<b>
................
</p>
</b>
Atribut
Attribute dalam HTML berfungsi mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Syntax atau penulisannya adalah sebagai berikut:
<TAG
nama-attr="nilai-attr"
nama-attr="nilai-attr"
.................
>
.................
</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk latarbelakang halaman web menjadi biru, maka penulisannya adalah
<body bgcolor="blue">
.................
</body>
Element html
Element html berfungsi untuk menyatakan pada browser bahwa dokumen Web yang digunakan adalah documen HTML.
Sintaks:
<html>
..........
</html>
Element head
Element head merupakan bagian kepala dari dokumen HTML.
Sintaks:
<head>
...........
</head>
Element title
Element title berfungsi untuk membuat judul pada dokumen HTML yang nantinya akan ditampilkan pada judul jendela browser. Tag ini terletak di antara tag <head> dan tag </head>
Sintaks:
<title>
.........
</title>
Element body
Element body adalah element yang berfungsi untuk menampilkan isi dari dokumen HTML yang kita buat. Tag ini terletak di bawah tag <head> dan tag </head>.
Element body ini mempunyai beberapa attribute-attribute yang menspesifikasikan perintah khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaks:
<body text="v" bgcolor="w" background="url" link="x" alink="y" vlink="z">
..............
</body>
Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
Untuk menambah pemahaman tentang materi diatas silahkan copy syntax HTML berikut, simpan dengan nama terserah anda dan jalankan pada web browser.
<html>
<head>
<title>Belajar HTML</title>
</head>
<body text="white" bgcolor="black">
Belajar HTML itu mudah!
</body>
</html>
Sekian penjelasan tentang mengenal HTML dan HTML dasar, semoga dapat bermanfaat untuk anda ^_^
0 komentar:
Posting Komentar