TAG-TAG HTML dan FUNGSINYA
|
|
Tag HTML
|
Fungsi
|
<html>...</html>
|
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML
|
<head>...</head>
|
Kepala dari dokumen HTML
|
<body>...</body>
|
Tag untuk menampilkan isi dokumen HTML
|
<title>...</title>
|
Judul dari dokumen HTML yang ditampilkan pada judul jendela browser
|
<br>
|
Tag untuk ganti baris
|
<p>...</p>
|
Membuat paragraf
|
<h1>...</h1>
|
Header 1, untuk judul sebuah web
|
<h2>...<h2>
|
Header 2, sub judul sebuah web
|
<h3>...</h3>
|
Header 3, sub judul sebuah web
|
<h4>...</h4>
|
Header 4, sub judul sebuah web
|
<h5>...</h5>
|
Header 5, sub judul sebuah web
|
<h6>...</h6>
|
Header 6, sub judul sebuah web
|
<b>...<b>
|
Bold, tag html yang berfungsi untuk mempertebal teks
|
<i>...<i>
|
Italic, tag html yang berfungsi untuk membuat tampilan teks tercetak
miring
|
<u>...</u>
|
Underline, tag html yang berfungsi untuk membuat tampilan teks tercetak garis
bawah
|
<pre>...<pre>
|
Preformated Text, tag html berfungsi untuk menampilkan teks apa adanya
sesuai text editor
|
<center>...</center>
|
Tag html berfungsi untuk menampilkan teks dengan posisi horizontal
ditengah
|
<font>...</font>
|
Tag html berfungsi untuk merubah jenis, ukuran dan warna dari tampilan
huruf
|
<hr>
|
Tag html berfungsi untuk membuat suatu garis horizontal
|
<ol>...</ol>
|
Order List, tag html berfungsi untuk membuat nomor daftar urut, bisa
berupa angka, huruf atau angka romawi.
|
<ul>...</ul>
|
Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut
(dalam format bullet)
|
<li>...</li>
|
List Item, tag yang berada di elemen OL dan UL yang berbentuk list
|
<table>...</table>
|
Tag yang berfungsi untuk membuat suatu data yang terdiri dari baris dan
kolom
|
<caption>...</caption>
|
Tag yang berfungsi untuk membuat judul dari tabel
|
<tr>...</tr>
|
Table Row, mendefiniskan baris pada tabel, dan tag ini harus ada dalam
tag TABLE
|
<td>...<td>
|
Table Data, terletak di dalam tag TR, yang berfungsi untuk memasukkan
data-data
|
<img>
|
Tag html untuk menampilkan gambar
|
<a>...</a>
|
Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal
halaman web
|
<form>...</form>
|
Tag html berfungsi untuk mendefiniskan form interaktif
|
<input>...</input>
|
Tag html berfungsi untuk mendefinisikan input yang akan dimasukkan oleh
pengguna
|
<select>...</select>
|
Tag html berfungsi untuk mendefinisikan opsi pilihan pada form kontrol
|
<option>...</option>
|
Tag hml berfungsi untuk mendefinisikan opsi pilihan ppada menu SELECT
|
<textarea>...</textarea>
|
Tag html berfungsi sebagai input kontrol form untuk memasukkan teks lebih
dari satu baris
|
<frameset>...</frameset>
|
Tag html berfungsi untuk membagi isi jendela web browser menjadi beberapa
bagian
|
<frame>...</frame>
|
Tag html yang berfungsi untuk mendefiniskan fram yang terdapat dalam
frameset
|
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
|
Tidak ada komentar:
Posting Komentar