Home » , » Tag HTML dan Fungsinya

Tag HTML dan Fungsinya

Written By Nindy AD on Jumat, 23 November 2012 | 10.56

 
      Berhubung pelajaran saya kali ini mengenai html, jadi disini saya akan mengulas salah satu topiknya, yaitu tag html.
     Saat web browser menampilkan sebuah halaman web, web browser membaca halaman web tersebut dari sebuah file teks dan kemudian mencari kode-kode special (yang disebut tag HTML) yang ditandai dengan karakter "<" dan ">".

   
     Tag HTML biasanya berpasangan, yaitu tag pembuka dan ada tag penutup. Format umum tag HTML adalah :
<nama_tag> Teks yang akan ditampilkan </nama_tag>


       Dan langsung saja kita beranjak ke daftar tag html dan juga fungsinya.

 Tag Utama

Tag Atribut Deskripsi
<html></html> Baris paling atas dari setiap file HTML
<head></head> Informasi umum dari sebuah halaman web
<title></title> Judul halaman. Terdapat pada head
<body></body> Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth Settingan atribut untuk seluruh dokumen

Modifikasi Teks

Tag Deskripsi Contoh
<b></b> Teks tebal Teks tebal
<i> </i> Teks miring Teks miring
<u> </u> Teks garis bawah Teks garis bawah
<pre></pre> Preformatted teks Contoh teks
<h1></h1> Header 1

Header 1

<h2></h2> Header 2

Header 2

<h3> </h3> Header 3

Header 3

<h4></h4> Header 4

Header 4

<h5></h5> Header 5
Header 5
<h6></h6> Header 6
Header 6
<sub></sub> Subscript Subscript
<sup></sup> Superscript Superscript

Font 


Tag Atribut Deskripsi
<font></font> Color, size, name Mengubah gaya suatu huruf






Links

Tag Atribut Deskripsi
<a> </a> Href, target, style, class, name, id Membuat link ke dokumen atau situs lainnya

Gambar

Tag Atribut Deskripsi
<img> Src, alt, name, border, height, width Menampilkan sebuah gambar

Formatting

Tag Deskripsi Contoh
<blockquote></blockquote> Digunakan untuk mengatur text dan gambar dalam suatu tag Contoh text in a block quote format ( “ “ )
<ol></ol> Ordered List (digunakan dengan <li>) 1. Item 1
<ul></ul> Unordered List (digunakan dengan <li>) • Item 1
<li> Elemen List
<dd></dd> Definition List
<dt> Definition Term
<dd> Definition Description
<p></p> Paragraf
<br> Ganti baris
<hr> Garis horizonta
<center></center> Menengahkan elemen

Tabel

Tag Deskripsi Contoh
<table></table> Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign Mengatur semua elemen table
<tr></tr> Height, bgcolor, background, align, valign, title Membuat baris baru
<td></td> Height, width, bgcolor, background, align, valign, title, colspan, rowspan Membuat kolom
<th></th> Height, width, bgcolor, background, align, valign, title, colspan, rowspan Header(kepala tabel). Otomatis ke tengah dan tebal
<tbody></tbody> Height, width, align, valign, bgcolor, background Format yang berlaku bagi cell yang diapit tag
<colgroup></colgroup> Height, width, align, valign, bgcolor, background, colspan Format yang berlaku bagi kolom

Form

Tag Deskripsi Contoh
<form></form> Method, action, name, enctype Mengatur elemen dari form
<input type=> Text, password, hidden, radio, checkbox, submit, image, reset Variasi dari tipe elemen input dalam form
<select></select> Name, size Membuat combo-box. Digunakan bersama dengan option
<option> Selected, name, value
<textarea></textarea> Name, rows, cols, wrap Membuat Text Area untuk input text dengan length yang lebih besar dari input text.
wrap Off
virtual
physical
no wrap
word wrap, sent as one line
word wrap, sent with breaks

Oke, sekian dulu tutorial blog tentang html, see ya...
Share this article :

+ komentar + 6 komentar

23 November 2012 16.19

makasih mbak, sangat bermanfaat....
bagi nusa dan bangsa,,,

23 November 2012 16.28

Iya.. sama-sama...
Terimakasih..

23 November 2012 23.10

Kunjungan Rutin Gann...

Blognya Manteb Gan Keren,Gak Berat, Elegant.


Coment back Yak..

25 November 2012 02.27

oiya, saya undang mba Nindy nih, buat ikutan Event blog saya...
http://www.rieztoshare.com/2012/11/follment-award.html

mbak Nindy ikutan yak... ^_^

Anonim
27 Agustus 2014 19.02

Tag nya kurang 2 lalu kok yg tag option ga ada deakripsinya ? Lalu yang wrap juga pakai bahasa inggris ;) knp ya ?

23 Oktober 2014 22.47

thanks :)

Poskan Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Asal Kamu Tau - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger