Download - Tabel Tag HTML
TABEL TAG-TAG HTML
Catatan: Attribute setiap tag diletakkan setelah tag itu sendiri, misalnya <body bgcolor=... background=... >
<html> Mendefinisikan halaman tersebut adalah HTML.
<head>
Semua informasi tentang page header. Disini dapat
diletakkan tag-tag title, base, isindex, link, script, style dan
meta.
<title>Sebagai judul halaman yang nantinya muncul di atas
browser.
<body>
Mendefinisikan isi yang hendak ditampilkan sebagai isi
halaman. Disini bisa diletakkan berbagai page attribute
seperti bgcolor, background, text, link, vlink, alink,
leftmargin dan topmargin.
<h...>
Tag Heading, digunakan untuk mengatur ukuran huruf
pada header. Mempunyai nilai dari <h1> - <h6>, yang
mana <h6> merupakan ukuran terkecil.
<p>
Untuk membuat paragraf, untuk mengatur perataan teks
digunakan attribute align dengan nilai left, right, center
dan justify.
<br> Menambahkan sebuah baris baru dalam teks.
<center> Membuat teks dalam posisi di tengah.
<pre>Membuat teks seperti aslinya dengan mengabaikan setiap
tag-tag.
<b> Membuat huruf/tulisan tebal.
<i> Membuat huruf/tulisan miring.
<u> Membuat huruf/tulisan diberi garis bawah.
<s> Membuat huruf/tulisan diberi garis di tengah.
<blink> Membuat huruf/tulisan berkedip.
<cite> Untuk membuat teks quote.
<big> Membuat huruf/tulisan lebih besar satu ukuran.
<small> Membuat huruf/tulisan lebih kecil satu ukuran.
<sup> Membuat huruf/tulisan superscript.
<sub> Membuat huruf/tulisan subscript.
<abbrev> Membuat huruf/tulisan singkatan.
<acronym> Membuat huruf/tulisan akronim.
<person> Untuk indexing.
<q> Untuk short inline quotation.
<var>Untuk membuat variable name yang selalu miring
huruf/tulisannya.
<font>Mengatur huruf/tulisan, mempunyai attribute size, face
dan color.
< Membuat “<”
> Membuat “>”
& Membuat “&”
" Membuat “
@ Membuat “@”
© dan © Membuat “©” (tanda copyright)
® dan ® Membuat ® (tanda registered)
Membuat spasi yang tidak dapat dipecah.
<hr>Tag Horizontal Ruler, membuat garis horizontal.
Attributenya size, width, align dan noshade.
<ul> dan <li>
Tag Unordered List, membuat urutan tidak berurut.
Attributenya type yang nilainya disc, circle dan square.
Tag <li> digunakan untuk memulai urutan dari yang
pertama sampai terakhir.
<ol> dan <li>
Tag Ordered List, membuat urutan berurut. Attributenya
type dan start. Penomorannya sebagai nilai pada type,
nilainya 1, I, a dan A. Start digunakan untuk angka berapa
yang dimulai dari <li> pertama.
<dl>
Membuat suatu list singkatan beserta definisinya.
Diantara tag <dl> ditambahkan <dt>, yaitu bagian dari
istilah yang dijabarkan, tag <dd> adalah penjabaran dari
istilah.
<a href=...>
Tag Anchor, menunjukkan suatu hypertext link. Ada 3
istilah dalam pengalamatannya:
1. Link relatif: menggunakan alamat relatif file yang
dituju. Misal <a href=”tujuan.html”>Nama</a>
2. Link absolut: menggunakan alamat absolut file yang
dituju. Misal <a
href=”c:/mydocuments/tujuan.html”>Nama</a>
3. Link dalam dokumen: dalam dokumen itu sendiri. Misal
<a href=”#tutorial”>Nama</a>
4. Link pada situs lain: <a
href=http://www.wikipedia.org/Pemrograman
Web.html>Nama</a>
5. Link untuk mengirimkan e-mail: <a href=”mailto:alamat
email”>Nama</a>
<img src=...>Menampilkan sebuah gambar, attributenya alt, align,
border, height, hspace, src, width dan vspace.
<form>
Untuk membuat form yang menerima masukan isian dari
user. Attributenya adalah method dan action.
1. Method: menentukan bagaimana data akan dikirim ke
server. Nilainya adalah GET (data akan dikirim dengan
menggunakan query string pada URL) dan POST (data
akan dikirim ke server sebagai block data ke script).
2. Action: menentukan lokasi dari script yang akan
memproses data dari form.
<input>
Membuat kotak isian yang dapat diisi data oleh user.
Sintaksnya <input type=... name=... value=... size=...>.
Nilai-nilai dalam attribute type adalah text, password,
checkbox, radio, image dan button (submit/reset).
<textarea>
Membuat kotak input berupa teks yang lebih lebar
dibanding dengan tag <input>. Attributenya name, rows,
cols dan wrap.
<select dan options> Digunakan untuk membuat input field yang berbentuk
pilihan. Kedua tag ini harus digunakan bersamaan. Tag
<option> mendefinisikan pilihan dari item-item, tag ini
dipasangkan diantara tag <select> dan </select>.
Attribute untuk kedua tag ini adalah name, value, size,
multiple dan selected.
<table>
Untuk membuat tabel. Attributenya align, background,
bgcolor, border, bordercolor, cellpadding, cellspacing,
height dan width.
<th>Tag Table Heading, untuk memberikan judul kolom pada
tabel.
<tr>Tag Table Row, untuk menyusun baris pada tabel.
Attributenya align, bgcolor, bordercolor, height dan valign.
<td>
Tag Table Data, untuk mengisikan informasi yang akan
ditampilkan di web browser. <td> selalu berada di dalam
<tr>, biasa disebut kolom. Attributenya align, background,
bgcolor, bordercolor, colspan, height, rowspan, valign dan
width.
<caption> Menambahkan judul pada sebuah tabel.
<frameset> Untuk membuat frame, attributenya rows dan cols.
<frame>
Tag untuk mendefinisikan frame tunggal dalam
<frameset>. Attributenya:src=url (berisi URL ke dokumen
yang akan ditampilkan pada frame ini), name=... (berisi
nama frame yang bisa ditunjuk oleh link pada dokumen
yang lain, biasanya dari frame lain pada dokumen yang
sama, attribute ini bersifat opsional),
scrolling=yes/no/auto (mendeskripsikan apakah frame
harus mempunyai scrollbar atau tidak), noresize
(mengindikasikan jika frame tidak dapat diubah
ukurannya oleh user, secara default dapat diubah),
bordercolor=... (memberi warna pada border yang
memisahkan frame ini dengan yang lain),
marginwidth/merginheight=...px (secara default, terdapat
8px margin kiri dan kanan untuk setiap frame yang dapat
diperkecil atau diperbesar).
Jenis-jenis target frame:
1. _self: digunakan apabila target frame adalah frame
tempat link berada.
2. _top: digunakan apabila target frame adalah windows
tempat frame berada. Dengan menggunakannya sebagai
target, maka definisi frame yang ada pada windows
browser akan hilang dan diganti dengan definisi frame
yang baru jika ada.
3. _parent: target frame adalah setingkat di atas frame
link berada.
4. _blank: digunakan apabila hasil link ingin ditampilkan di
window baru.