Mengenal Tag-tag Dasar HTML | Dokumen HTML merupakan sebuah file teks. Karena hanya berisi teks, maka dokumen HTML menjadi sangat sederhana, sehingga mudah untuk ditransfer ke sebuah jarungan internet. Namun karena sederhana, HTML memiliki kelemahan, salah satunya adalah Anda harus mengetikkan sendiri semua kode HTML jika ingin membuat sebuah halaman web. Memang sekarang telah banyak beredar HTML editor yang dapat membantu Anda dalam membuat sebuah halaman web tanpa menyentuh kode HTML sama sekali., namun dalam pengembangan halaman web dengan menggunakan bahasa script seperti VBScript dan Java Script, pengetahuan mengenai HTML harus mutlak diperlukan, karena Anda harus tahu dengan pasti di mana harus menyisipkan script yang diinginkan dalam HTML. Untuk menuliskan HTML VBScript dan JavaScript dapat menggunakan teks editor sederhana, seperti Notepad atau EditPad.
Sebuah dokumen HTML berisi elemen-elemen kode HTML yang disebut HTML Tag. Penulisannya diapit oleh apa yang disebut delimiter (pembatas). Delimiter adalah suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag. Untuk HTML delimiter yang dipakai adalah dengan karakter < dan > . Sebuah kode program HTML selalu diawali dan diakhiri dengan sebuah tag. Tag pada awal kode disebut opening tag, dan pada akhir kode disebut ending tag. Ending Tag ditandai dengan karakter/ diikuti dengan opening Tag.
Contoh tag :
Contoh tag :
<HTML>
-----Kode program.
</HTML>
Sebuah dokumen HTML dibagi menjadi 2 bagian yaitu body (badan) dan head (kepala). Bagian head ditandai dengan tag <HEAD> sedangkan bagian body ditandai dengan tag <BODY>. Bagian head digunakan untuk menyimpan informasi mengenai dokumen tersebut , misalnya judul, nama penulis, komentar-komentar ,dan lain-lain. Sedangkan bagian body digunakan untuk menuliskan isi utama dari dokumen web tersebut.
Contoh dari tag dokumen web sederhana :
<HTML>
<HEAD><H1>Pelatihan WEB dasar</H1>
</HEAD>
<BODY>
Selamat datang ke pelatihan web dasar.
</BODY>
</HTML>
Berikut ini adalah beberapa tag dasar yang penting dari HTML (penulisan tidak case sensitive, boleh huruf besar atau kecil.) :
- <HTML> … </HTML>. Menjelaskan bahwa teks file adalah merupakan HTML format. Diletakkan pada awal dan akhir dari setiap halaman web.
- <HEAD> … </HEAD> Diantaranya adalah area dari heading halaman. Digunakan untuk script/perintah khusus yang tidak mempunyai hubungan dengan format dari halaman.
- <TITLE> … </TITLE> Memberi judul yang ditampilkan pada ujung kiri atas dari browser window.
- <BODY> … </BODY> Setelah tag <HEAD> dan digunakan untuk area dimana yang dilihat adalah merupakan tampilan dari web/ isi dari halaman. Pada tag <BODY> di dalamnya dapat ditambahkan beberapa atribut seperti tampak di bawah ini
bgcolor=”…” memberikan warna latar/ background halaman.text=”…” memberikan warna tulisan / teks.link=”…” memberikan warna pada hyperlinks (link halaman)vlink=”…” memberi warna pada hyperlink yang telah dimasuki/ diklik.alink=”…” memberi warna pada link yang aktif. Warna yang diberikan merupakan kode hexadecimal . contoh #000000 warna putih, #FF0000 warna merah, #00FF00 warna hijau dan #0000FF warna biru.
- <B> … </B> Membuat tulisan tebal (Bold Text )
- <P> … </P> Merupakan perintah paragraph yang termasuk diantaranya pengaturan posisi tulisan, indentansi dan jarak. Antara lain seperti berikut <P ALIGN=”left”> … </P> untuk pengaturan paragraph rapat kiri (left)
<P ALIGN=”left”> … </P> untuk pengaturan paragraph rapat kiri (left)<P ALIGN=”center”> … </P> untuk pengaturan paragraph di tengah (center) <P ALIGN=”right”> …</P> untuk pengaturan paragraph rapat kanan (right) <P NOWRAP> … </P> untuk membuat penulisan paragraph tanpa pemotongan batas pinggir halaman untuk berganti baris, dan hanya bisa berganti baris dengan tag <BR>
- <BR> Untuk memberikan baris baru / pergantian baris. Diletakkan pada bagian teks yang mau berganti baris.
- <A> …. </A> Membuat link antar dua halaman web. Tag <A> adalah merupakan tag penghubung (anchor tag). Biasanya dituliskan dengan <A HREF link file > … </A>. Tatacara penulisan letak file ini juga bergantung dari letak filenya dimana. Untuk itu disini akan dijelaskan beberapa cara penulisan letak relative dari link file sbb( file web referensi adalah file dimana kita menuliskan link halaman) :
HREF=”file.html” file.html terletak di direktori yang sama dengan file web referensi.HREF=”dir/file.html” letak file.html di dalam direktori dir dan direktori dir terletak pada direktori yang sama dengan file web referensiHREF=”dir/dir2/file.html” letak file.html di dalam direktori dir2 dimana direktori ini di dalam direktori dir.HREF=”../file.html” letak file.html di direktori yang berada satu level di atas direktori posisi file web referensi sekarang.HREF=”../../dir/file.html” letak file.html pada dua level di atas.
Nah cukup sekian dulu kita belajar HTMLnya dalam postingan saya yang berjudul Mengenal Tag-tag Dasar HTML dan besok akan kita sambung lagi dengan materi postingan selanjutnya.
Berkomentar dengan Baik
Dilarang Keras SPAM Disini
EmoticonEmoticon