Saat kita belajar HTML, pasti
kita juga harus mengetaui tentang Tag. Dan sebelum kita mengetaui macam macam
tag yang ada di dalam HTML, kita harus mengetagui apa itu Tag terlebih dahulu.
Tag adalah sesuatu yang digunakan untuk menandai elemen-elemen dalam suatu
dokumen HTML. Tag dalam HTML terdiri dari tanda lebih kecil ( < ), tanda lebih besar
( > ), dan garismiring ( / ). Biasanya Tag dituliskan secara berpasangan,
misanya <h1> dan </h1>. Tag yang tidak menggunakan garis miring ( /
) adalah Tag pembuka atau awal elemen. Sedangkan yang Tag yang mengandung garis
miring ( / ) adalah penutup elemen atau akhir elemen. Namun, ada juga Tag yang
dalam pemakaiannya tidak berpasangan, diantaranya adalah :
- Tag untuk ganti paragraph yaitu <p>
- Tag untuk ganti baris atau line break yaitu <br>
- Tag untuk garis datar yaitu <hr>
- Tag list item yaitu <li>
Untuk
tag yang tidak berpasangan diatas, sebaiknya tetap ditulis menggunakan
pasangannya. Hal ini dilakukan untuk mengantisipasi standar rekomendasi HTML
kedepannya. Penulisan untuk semua Tag bebas, maksudnya kita bisa menggunakan
huruf besar, huruf kecil, bahkan dicampur ( tidak case sensitive ). Tapi untuk
mengantisipasi standar penulisan Tag, sebaiknya kita menggunakan huruf kecil
semua.
Setelah
kalian membaca penjelasan diatas, pasti kamu sudah tahu apa itu Tag HTML. Kalau
begitu, sekarang saatnya saya berbagi macam macam Tag dan kegunaannya dalam
HTML. Tag dalam HTML mempunyai berbagai jenis, yaitu Tag Tag dasar, Tag Tag
pemformatan, Tag Tag Computer-Output, Tag Tag Citation, Quotation, dan
Definition dan masih banyak lainnya.
- Tag dasar
Tag awal
|
Kegunaan
|
<html>
|
Untuk mendefinisikan sebuah
dokumen HTML.
|
<body>
|
Untuk mendefinisikan body atau
isi sebuah dokumen.
|
<h1> sampai <h6>
|
Untuk mendefinisikan heading 1
sampai 6
|
<p>
|
Untuk mendefinisikan sebuah
paragraf
|
<br>
|
Untuk membuat baris baru
|
<hr>
|
Untuk memisah antar bagian atau
paragraf ( horizontal rule )
|
<!-- diakhiri dengan -->
|
Untuk mendefinisikan komentar
dalam source code
|
- Tag Pemformatan
Tag awal
|
Kegunaan
|
<b>
|
Definisi teks yang ditebalkan
|
<big>
|
Definisi teks yang besar
ukurannya
|
<em>
|
Definisi teks yang ditekan
|
<I>
|
Definisi teks yang dicetak
miring ( italic )
|
<small>
|
Definisi teks kecil ukurannya
|
<u>
|
Definisi teks yang bergaris
bawah
|
<sub>
|
Definisi teks yang jadi
subscript
|
<sup>
|
Definisi teks yang jadi supercript
|
<ins>
|
Definisi teks yang disisipkan
|
<del>
|
Definisi teks yang dihapus
|
Tag Computer Output
Tag awal
|
Kegunaan
|
<code>
|
Definisi teks computer code
|
<kbd>
|
Definisi teks keyboard
|
<samp>
|
Definisi contoh computer code
|
<tt>
|
Definisi teks teletype
|
<var>
|
Definisi suatu variabel
|
<pre>
|
Definisi teks preformatted
|
- Tag Cititation, Quotation, Definition
Tag awal
|
Kegunaan
|
<abbr>
|
Definisi suatu singkatan
|
<acronym>
|
Definisi suatu akronim
|
<address>
|
Definisi penulisan alamat
|
<bdo>
|
Definisi arah penulisan
|
<blockquote>
|
Definisi quotation panjang
|
<q>
|
Definisi quotation pendek
|
<cite>
|
Definisi suatu citation
|
<dfn>
|
Definisi istilah ( term )
|
- Tag Link
Tag awal
|
Kegunaan
|
<a>
|
Mendefinisikan suatu link
|
- Tag Image
Tag awal
|
Kegunaan
|
<img>
|
Definisi sebuah image dalam
dokumen
|
<map>
|
Definisi sebuah image map
|
<area>
|
Definisi suatu area dalam image
map
|
Itu dia ilmu
tentang Tag Tag HTML yang bisa saya bagikan. Oh ya, kalau ada waktu sempatkan
untuk berkomentar ya, entah itu saran, kritik, atau pertanyaan.
Terima kasih, Semoga bermanfaat.
Labels:
Tutorial HTML
Previous Article
Responses
17 Respones to "Macam Macam Tag dan Fungsinya dalam HTML"
Makasih atas informasinya broooo
23 Juli 2012 pukul 22.21
@Belajar Bersama masama mas,, :D
24 Juli 2012 pukul 00.39
klw meletakkan gambar pas ditengah tw ngak???
28 Juli 2012 pukul 02.06
@Sani_Arfian beri tag center sebelum tag gambarnya dan beri tag /center sesudah tag gambarnya.
jangan lupa kasih tanda kurung <> saat memasang tag center.
29 Juli 2012 pukul 01.43
sip makasih
23 Februari 2013 pukul 02.05
Thx gan buat ilmunya. :)
http://top-ilmu.blogspot.com/2013/02/tag-tag-html-beserta-fungsinya.html
3 Maret 2013 pukul 22.08
lalu apa fungsi tag "meta"!!
19 Maret 2013 pukul 18.43
@Bagoes Adis Biasanya meta tag digunakan untuk mendeskripsikan web itu, misalnya "keyword". Fungsinya agar kita bisa meningkatkan SEO pada web tersebut :)
3 April 2013 pukul 21.47
Like...
Thank you ya...
^_^
26 April 2013 pukul 02.15
CUIL NNGETTZZZZZZZZZZZZZ
15 Oktober 2013 pukul 18.44
sangat bermanfaat
19 Januari 2014 pukul 19.20
THX INFONYA
5 Februari 2014 pukul 22.45
Thanks ya Mas.....
27 Agustus 2014 pukul 01.09
thanks infonya gan...
22 September 2014 pukul 06.18
Artikel yang bagus, kunjungi juga http://gipsymarpaung1.blogspot.com temanya Pengenalan Perancangan WEB
24 Oktober 2014 pukul 12.00
SAYA MAS JOKO WIDODO DI SURABAYA.
DEMI ALLAH INI CERITA YANG BENAR BENAR TERJADI(ASLI)BUKAN REKAYASA!!!
HANYA DENGAN MENPROMOSIKAN WETSITE KIYAI KANJENG DIMAS DI INTERNET SAYA BARU MERASA LEGAH KARNA BERKAT BANTUAN BELIU HUTANG PIUTAN SAYA YANG RATUSAN JUTA SUDAH LUNAS SEMUA PADAHAL DULUHNYA SAYA SUDAH KE TIPU 5 KALI OLEH DUKUN YANG TIDAK BERTANGUNG JAWAB HUTANG SAYA DI MANA MANA KARNA HARUS MENBAYAR MAHAR YANG TIADA HENTINGNYA YANG INILAH YANG ITULAH'TAPI AKU TIDAK PUTUS ASA DALAM HATI KECILKU TIDAK MUNKIN SEMUA DUKUN DI INTERNET PALSU AHIRNYA KU TEMUKAN NOMOR KIYAI KANJENG DI INTERNET AKU MENDAFTAR JADI SANTRI DENGAN MENBAYAR SHAKAT YANG DI MINTA ALHASIL CUMA DENGAN WAKTU 2 HARI SAJA AKU SUDAH MENDAPATKAN APA YANG KU HARAPKAN SERIUS INI KISAH NYATA DARI SAYA.....
…TERIMA KASIH ATAS BANTUANNYA AKI KANJENG…
**** BELIAU MELAYANI SEPERTI: ***
1.PESUGIHAN INSTANT 10 MILYAR
2.UANG KEMBALI PECAHAN 100rb DAN 50rb
3.JUAL TUYUL MEMEK / JUAL MUSUH
4.ANGKA TOGEL GHOIB.DLL..
…=>AKI KANJENG<=…
>>>085-320-279-333<<<
SAYA MAS JOKO WIDODO DI SURABAYA.
DEMI ALLAH INI CERITA YANG BENAR BENAR TERJADI(ASLI)BUKAN REKAYASA!!!
HANYA DENGAN MENPROMOSIKAN WETSITE KIYAI KANJENG DIMAS DI INTERNET SAYA BARU MERASA LEGAH KARNA BERKAT BANTUAN BELIU HUTANG PIUTAN SAYA YANG RATUSAN JUTA SUDAH LUNAS SEMUA PADAHAL DULUHNYA SAYA SUDAH KE TIPU 5 KALI OLEH DUKUN YANG TIDAK BERTANGUNG JAWAB HUTANG SAYA DI MANA MANA KARNA HARUS MENBAYAR MAHAR YANG TIADA HENTINGNYA YANG INILAH YANG ITULAH'TAPI AKU TIDAK PUTUS ASA DALAM HATI KECILKU TIDAK MUNKIN SEMUA DUKUN DI INTERNET PALSU AHIRNYA KU TEMUKAN NOMOR KIYAI KANJENG DI INTERNET AKU MENDAFTAR JADI SANTRI DENGAN MENBAYAR SHAKAT YANG DI MINTA ALHASIL CUMA DENGAN WAKTU 2 HARI SAJA AKU SUDAH MENDAPATKAN APA YANG KU HARAPKAN SERIUS INI KISAH NYATA DARI SAYA.....
…TERIMA KASIH ATAS BANTUANNYA AKI KANJENG…
**** BELIAU MELAYANI SEPERTI: ***
1.PESUGIHAN INSTANT 10 MILYAR
2.UANG KEMBALI PECAHAN 100rb DAN 50rb
3.JUAL TUYUL MEMEK / JUAL MUSUH
4.ANGKA TOGEL GHOIB.DLL..
…=>AKI KANJENG<=…
>>>085-320-279-333<<<
20 Februari 2016 pukul 07.09
Sangat Membantu Artikel Buat Kita Yang Baru Pemula....
25 Februari 2018 pukul 08.12
Posting Komentar