di artikel ini saya akan menjelaskan arti dari tag-tag HTML yang biasa di pakai dan sering di temui dalam website ataupun Blog. Mungkin artikel ini bermanfaat bagi para blogger khususnya para pemula. Penjelasan di bawah adalah sepenuhnya pengetahuan saya saja. Oleh karena itu saya tidak menjelaskan semua elemen dan tag untuk membuat web. Di sini hanya di jelaskan yang paling sering di temui saja dalam blog maupun website. Oke langsung saja :
pada dasarnya setiap situs baik itu blog ataupun web
terbentuk dalam skema elemen seperti di bawah ini ;
<html>
<head>
<title> </title>
</head>
<Body>
</body>
</html>
Semua kode isi dari website di tempatkan di antara tag
<body> </body>. Di antara tag <body> itulah tag-tag html yang
akan di jelaskan di sini di tempatkan.
1.
<a>text</a> , tag ini biasanya
dipakai jika ada atributnya, misalnya <a href=”http://google.com”>goggle</a>.
Atributnyanya adalah “ href=”http://google.com””, tanpa atribut tag ini
biasanya tidak di pakai karena bisa dikatakan tidak berfungsi. atribut tag
<a> yang paling sering adalah “href” yang digunakan untuk menautkan
/Url/link/letak suatu halaman/alamat dalam text (atau apa saja yang berada di
antara tag <a>). jika ingin alamat yang di tuju otomatis membuat tab baru
di browser maka tambahkan deskripsi “target=’blank’”, misalnya
<a href=’http://syakir-berbagiilmu.blogspot.com’ target=’blank’>
2.
<b>text</b>, huruf b ini adalah
singkatan dari Bold yang berarti
cetak tebal, jadi tag ini adalah untuk membuat text diantara tag menjadi Bold atau cetak tebal. Tag ini khusus untuk text saja.
3.
<body> </body>, tag ini adalah letak
di mana semua kode isi blog di tempatkan.
4.
<br/>, tag <br/> adalah tag yang
tidak mempunyai penutup/pematinya. Tag ini langsung dimatikan (<br/>. Hal ini karena fungsinya sebagai
kode untuk membuat baris baru dalam web. Kalo di ibaratkan dengan keyboard
komputer, kode <br/> ini fungsinya adalah sama dengan tombol “enter”.
5.
<div></div>, tag ini biasanya tag
yang paling sering di pakai untuk membuat markah di blog atau di website.
(Sebenarnya saya agak sulit menjelaskannya). Tag ini adalah untuk membuat
wilayah pada website yang biasanya diikuti dengan atribut ‘class’, ‘id’,
‘type’, ‘style’ dan lain-lain. Tag <div> bisa dikatakan tidak berfungsi
tanpa Atribut.
6.
<H1>text</H1> sampai <H6>text</H6>, yaah saya singkat saja biar ga
cape, jadi tag h1 sampai h6 itu (berarti ada h2,h3,h4,h5 nya) adalah tag untuk
membuat kepala/judul pada website. H di sini adalah singkatan dari Head. Kenapa
ko sampai ada 6? Ini karena head yang bisa di buat ada 6 macam dengan ukuran
yang berbeda, H1 adalah head dengan ukuran paling besar dan H6 adalah head
dengan ukurang paling kecil.
7.
<head></head>, adalah tag dimana
kode wilayah/bagain atas dari web di sisipkan. Biasanya di gunakan untuk nama
web. Namun pada blog dengan platform blogger, tag <head> biasanya di isi
dengan kode – kode css.
8.
<hr/>, tag ini fungsinya sama dengan tag
<br/>. Hanya saja jika memakai tag <hr/> ada garis pemisah antara
baris atas dan baris bawah.
9.
<html></html>, adalah tempat di mana
semua kode html di tulis (liat dari nama tagnya aja pasti udah ngerti ko)
10.
<i>text</i>, huruf i ini adalah
singkatan dari italic yang berarti cetak miring. Jadi tag <i>
berfungsi untuk membuat text di antara tag ini menjadi italic atau cetak miring.
Tag ini juga khusus untuk text saja.
11.
<img/>, tag ini biasanya memang langsung
di matikan, tidak ada penutupnya. Img adalah singkatan dari image yang berarti
gambar, jadi tag ini adalah tag untuk menyisipkan gambar. Gambar di sisipkan dengan
cara menambahkan atribut. Misal <img src=”(url/lokasi gambar)”>. Tanpa
atribut tag ini tidak akan berfungsi.
12.
<li>isi</li>, adalah tag yang di
gunakan untuk menentukan bahwa isinya adalah bagian dari daftar/ list, baik itu
ordered list ataupun unordered list. Jadi tag <li> ini selalu ada dalam
tag <ol> ataupun <ul>.
13.
<ol>isi</ol>, ol adalah singkatan
dari ordered list. Adalah tag yang digunakan jiak anda ingin membuat daftar di
web dengan di sertakan nomor urut. Anda bisa menentukan sendiri daftar yang di urutkan dengan huruf, romawi,
angka dengan cara menambahkan atribut ‘type’ pada tag. Contoh <ol type=”A”>
untuk pengurutan dengan huruf kapital. Untuk lebih jelasnya anda bisa baca di
artikel membuat daftar dengan Html
14.
<p>isi</p>, huruf p di sini adalah
singkatan dari Paragraph, jadi tag ini adalah tag yang di gunakan untuk
menuliskan sebuah paragraf dalam web.
15.
<style>isi</style>, tag ini adalah
tag yang berfungsi untuk menyisipkan kode css atau yang lainnya yang berupa “style
16.
<table>isi</table>, tag untuk
membuat tabel pada web, untuk terlihat garis tablenya maka tagnya harus di
ikuti dengan atribut “border”, contoh <table border=”1”></table>,
17.
<td>isi</td>, adalah tag untuk
membuat sel data pada tabel.
18.
<th>isi</th>, adalah tag untuk
membuat kolom pada tabel
19.
<tr>isi</tr>, adalah tag untuk
membuat baris pada tabel
20.
<u>isi</u>, u adalah singkatan dari underline,
jadi tag ini berfungsi untuk membuat text dengan gaya underline atau garis
bawah. Sama seperti tag
<b> dan <i> tag ini hanya di gunakan untuk text.
21.
<ul>isi</ul>, ul adalah singkatan
dari unordered list. Fungsinya adalah sama dengan tag <ol>, yaitu untuk
mebuat daftar pada web, hanya saja jika dengan tag <ul> daftar tidak di
urutkan.
Nah, hanya sekian yang
dapat saya jelaskan. mohon maaf kalo kurang jelas. Jika anda sudah membaca
artikel ini, saran saya adalah segera mempraktekkannya atau bagi blogger
langsung liat dan “mainkan” HTML blognya dan pahami tag-tagnya. Semoga bermanfaat
:)
Share ke :
terima kasih atas penjelasannya saya fikri muhamad ibnu arbynatha
BalasHapus