mengenal dan mengetahui Arti tag-tag Html



tag html

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 :

About Syakir Rahman

Syakir rahman adalah seorang blogger, dan juga front-end web developer. Kunjung website pribadinya disini : http://www.syakirurohman.net
    Blogger Comment
    Facebook Comment

0 comments:

Poskan Komentar