Assalamualaikum wr wb...
CatatanKu akan membahas mengenai elemen dan tag pada HTML, langsung saja simak pembahasannya.
Dua komponen utama pembentuk dokumen HTML adalah Elemen dan Tag. Dengan adanya dua komponen ini, maka kita dapat membuat dokumen HTML dengan baik.
CatatanKu akan membahas mengenai elemen dan tag pada HTML, langsung saja simak pembahasannya.
Dua komponen utama pembentuk dokumen HTML adalah Elemen dan Tag. Dengan adanya dua komponen ini, maka kita dapat membuat dokumen HTML dengan baik.
Elemen
Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen <HEAD> yang berikan informasi tentang dokumen tersebut, seperti judul dokumen atauhubungannya dengan dokumen lain. Elemen-elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan oleh browser, seperti paragraf, list (daftra), tabel dan lain-lain. Di dalam elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut.
Tag
Pada saat web browser menampilkan suatu web page, browser tersebut akan membaca teks-teks pada dokumen HTML, dan mencari kode khusus yang disebut tag. Tag diapit oleh tanda <>. Tag biasanya merupakan pasangan, yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk <nama tag> sedang tag akhir dinyatakan dalam bentuk </nama tag>.
Format umum suatu tag berpasangan adalah :
<nama tag> Teks yang akan ditampilkan </nama tag>
Catatan:
n HTML tidak membedakan penulisan huruf besar dan huruf kecil pada penulisan elemen maupun tag. Penulisan <i> dan <I> dianggap sama, campuran antara huruf besar dan kecil pun tidak berpengaruh <i>text</I>
n Tidak semua tag didukung oleh semua browser. Jika suatu browser tidak mengenali suatu tag tertentu, browser tersebut akan mengabaikan tag yang tidak dikenalnya dan menuliskan isi di dalam tag tersebut sebagai teks biasa.
Beberapa contoh penggunaan tag HTML:
Contoh
|
Hasil
|
<b>Ini tulisan tebal</b>
<i>Ini tulisan miring</i>
<u>Ini tulisan bergaris bawah</u>
Ini baris 1<br>Ini baris 2
Ini garis horizontal <hr>
| Ini tulisan tebal
Ini tulisan miring
Ini tulisan bergaris bawah
Ini baris 1
Ini baris 2
Ini garis horizontal
|
Ada beberapa tag yang memilki atribut didalamnya, seperti tag <font>, <table>, <input> dan sebagainya. Pada tag font ia memiliki beberapa atribut diantaranya atribut: color, size, face. Untuk lebih memahami atribut lihatlah contoh berikut ini.
<font color="red" face="Arial" size="12">Ini Font Arial berwarna merah dan berukuran 12 pt</font>
hasil =>
- Atribut color digunakan untuk menentukan warna tulisan.
- Atribut face digunakan untuk menentukan jenis huruf.
- Atribut size digunakan untuk menentukan ukuran huruf.
Penulisan program yang baik adalah secara terstruktur. Artinya antara tag pertama dan tag berikutnya tidak saling tumpang tindih.
Penulisan tag yang tumpang tindih :
|
Penulisan tag yang benar :
|
<tag1>
teks tag1
<tag2>
teks tag 2
</tag1>
</tag2>
|
<tag1>
teks tag1
<tag2>
teks tag 2
</tag2>
</tag1>
|
emungkinan kesalahan yang terjadi adalah lupa memberi tag awal atau tag akhir sehingga web page yang dihasilkan akan terlihat lain dari yang diinginkan.
Tidak semua tag mengikuti aturan seperti diatas, terdapat beberapa macam bentuk tag yang dikenal oleh HTML, di mana umumnya tag-tag dalam HTML muncul dalam bentuk seperti berikut :
<nama tag>teks</nama tag>
<nama tag>
<nama tag atribut1=argumen atribut2=argumen dst>
<nama tag antribut=argumen>teks</nama tag>
Sebagai contoh :
<Title> Blog Tutorial CatatanKu </Title>
<BR>
<HR align="left" Width=185 color="red">
<A Href="http://www.tutorial-catatanku.blogspot.co.id/"> WebSite Tutorial CatatanKu </a>
hasil =>
hasil =>
Sekian postingan kali ini, semoga bermanfaat dan seperti biasa jangan lupa bahagia.
0 komentar