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 |
0 komentar:
Posting Komentar