Macam Macam Tag dan Fungsinya dalam HTML





              
           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.





Responses

16 Respones to "Macam Macam Tag dan Fungsinya dalam HTML"

Belajar Bersama mengatakan...

Makasih atas informasinya broooo


23 Juli 2012 22.21
Sani_Arfian mengatakan...

klw meletakkan gambar pas ditengah tw ngak???


28 Juli 2012 02.06
Berbagi Bersama mengatakan...

@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 01.43
Achmad Cahya Aditya mengatakan...

Thx gan buat ilmunya. :)

http://top-ilmu.blogspot.com/2013/02/tag-tag-html-beserta-fungsinya.html


3 Maret 2013 22.08
Bagoes Adis mengatakan...

lalu apa fungsi tag "meta"!!


19 Maret 2013 18.43
Rijal Isnaini mengatakan...

@Bagoes Adis Biasanya meta tag digunakan untuk mendeskripsikan web itu, misalnya "keyword". Fungsinya agar kita bisa meningkatkan SEO pada web tersebut :)


3 April 2013 21.47
Nikolas krisma hadi fernandez mengatakan...

Like...
Thank you ya...
^_^


26 April 2013 02.15
MANOHARI] mengatakan...


CUIL NNGETTZZZZZZZZZZZZZ


15 Oktober 2013 18.44
Anonim mengatakan...

sangat bermanfaat


19 Januari 2014 19.20
ferdi an mengatakan...

THX INFONYA


5 Februari 2014 22.45
azib tau mengatakan...

Thanks ya Mas.....


27 Agustus 2014 01.09
Adam Guns mengatakan...

thanks infonya gan...


22 September 2014 06.18
Gipsy Marpaung mengatakan...

Artikel yang bagus, kunjungi juga http://gipsymarpaung1.blogspot.com temanya Pengenalan Perancangan WEB


24 Oktober 2014 12.00
Kiyai kanjeng dimas taat pribadi mengatakan...

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 07.09

Poskan Komentar

Return to top of page Copyright © 2011 | Platinum Theme Converted into Blogger Template by Hack Tutors