Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language)
merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang
terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan
memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri
dari berbagai macam format file seperti texs, grafik, animasi link maupun
audio-video.
Sedangkan Web browser adalah sebuah
progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut
sehingga dapat kita lihat, baca dan dengar.Contoh dari Web Browser adalah
Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan
(extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi
anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau
".html".
Untuk mulai belajar HTML kita akan
menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML
yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan
(copy/paste) texs di bawah ini:
<html>
<head>
<title>Titel
Websiteku</title>
</head>
<body>
Ini
adalah dokumen HTML pertamaku
</body>
</html>
Simpan file tersebut ke C:\My
Documents dengan nama "websiteku.htm." Ketika menyimpan file tersebut
dengan Notepad ganti "save as type"-nya dengan "all files".
Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My
Documents\websiteku.htm "klik Ok" maka halaman website pertama anda
akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML
terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai.
Tag terdiri dari lambang-lambang khusus seperti: " <", "
>" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai
dengan tag pembuka " <…>"dan diakhiri dengan tag penutup "
</…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh
diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen
HTML.
Elemen HTML kemudian ada yang
memiliki atribut dan nilai tertentu, seperti contoh untuk membuat
warna latar belakang (background):<body bgcolor="0000ff">, body
merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal
penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html
mempunyai tag pembuka " <html>" dan tag penutup
"</html>" dan yang berada diantaranya merupakan isi dari elemen
html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf
kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya
adalah sama.
Tag
Dasar HTML
Komponen dasar dari suatu dokumen
HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan
dari Tag Elemen tersebut:
<html>
<head>
<title>Disini
titel websiteku</title>
</head>
<body>
Disini
adalah konten yang tampil di browser
</body>
</html>