TAG-TAG
HTML
Command
HTML biasanya disebut TAG, TAG
digunakan untuk menentukan tampilan dari dokumen
HTML.
<BEGIN
TAG> </END TAG>
Contoh:
Setiap dokumen HTML diawali dan diakhiri dengan
tag HTML.
<HTML>
</HTML>
Tag tidak case sensitive, jadi bisa digunakan
<html>
atau <HTML> keduanya
menghasilkan output yang sama.
Bentuk dari tag HTML
sebagai berikut:
<ELEMENT ATTRIBUTE = value>
Element - nama tag
Attribute - atribut
dari tag
Value - nilai dari atribut
Contoh:
<BODY BGCOLOR=lavender>
BODY
merupakan element, BGCOLOR (Background)
merupakan atribut yang memiliki nilai lavender.
Table 2.1 TAG-TAG HTML
|
TAG
UTAMA
|
|
|
TAG
|
KETERANGAN
|
|
<HTML>
|
Baris paling
atas dari setiap file HTML
|
|
<head>
|
Digunakan
untuk memberikan informasi umum tentang dokumen html tersebut
|
|
<title>
|
Membuat
judul untuk dokumen HTML
|
|
<body>
|
Mendefinisikan body/isi
dokumen HTML, berfungsi untuk
menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks, gambar,
animasi, link dan seterusnya
|
|
<abbr>
|
Digunakan untuk menguraikan satu ungkapan yang
disingkat dan dapat memberikan
informasi bermanfaat kepada penelusur-penelusur page source (halaman sumber kode) / pembaca layar, sistem
terjemahan dan mesin pencari yang berasal dari singkatan yang sudah
diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya
sebagai informasi saja
|
|
<acronym>
|
Mendefinisikan
akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>
|
|
<!DOCTYPE>
|
Mendefinisikan
informasi tipe dokumen
|
|
<meta />
|
Mendefinisikan
metadata tentang sebuah dokumen HTML
|
|
TAG UNTUK MODIFIKASI TEXT
|
|
|
TAG
|
KETERANGAN
|
|
<b>
|
Membuat
teks tebal
|
|
<i>
|
Membuat
teks miring
|
|
<em>
|
Membuat
teks miring. Fungsi tag ini sama
dengan tag <i> tetapi tag <em>
yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
|
|
<pre>
|
Membuat
teks dengan ukuran huruf yang sama
|
|
<h1> to
<h6>
|
Digunakan
untuk menentukan bentuk teks dari suatu
header/judul dari dokumen HTML
tersebut.
|
|
<u>
|
Membuat
teks bergaris bawah, fungsi tag ini
sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk
kategori HTML text formatting melainkan termasuk kategori HTML Style
|
|
<sub>
|
Memberikan
efek subscript pada teks
|
|
<sup>
|
Memberikan
efek superscript pada teks
|
|
<font>
|
Mendefinisikan
jenis font, warna dan ukuran untuk
teks
|
|
<basefont
/>
|
Membuat
atribut teks default, seperti
warna, ukuran, jenis font untuk
semua teks dalam dokumen
|
|
<bdo>
|
Digunakan
untuk menimpa arah teks
|
|
<big>
|
Memperbesar
ukuran teks sebesar satu point dari defaultnya
|
|
<blink>
|
Membuat
teks berkedip
|
|
<marquee>
|
Membuat
teks berjalan secara vertikal atau horizontal
|
|
<del>
|
Untuk
memberi garis tengah pada teks/mencoret teks
|
|
<strike>
|
Untuk
memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag
<del>
|
|
<strong>
|
Membuat
teks tebal, fungsi tag ini sama dengan tag
<b>
|
|
<small>
|
Memperkecil
ukuran teks dari ukuran defaultnya
|
|
<xmp>
|
Mendefinisikan
preformatted text, fungsi tag ini sama dengan tag <pre>
|
|
<kbd>
|
Mendefinisikan
teks yang di input dari keyboard
|
|
<var>
|
Mendefinisikan
teks sebagai sebuah variable
|
|
<ins>
|
Membuat
teks bergaris bawah
|
|
<tt>
|
Mendefinisikan
teletype text
|
|
TAG LINKS
|
|
|
TAG
|
KETERANGAN
|
|
<a>
|
Mendefinisikan
sebuah anchor, tetapi lebih tepat
jika diartikan sebagai tautan
dikarenakan tautan ini digunakan
untuk saling menautkan antara satu
dokumen HTML ke dokumen HTML yang lain
|
|
<area />
|
Mendefinisikan
daerah yang dapat diklik (link)
pada peta gambar
|
|
<base />
|
Mendefinisikan
URL dasar/target untuk semua URL relative dalam dokumen
|
|
<address>
|
Mendefinisikan
informasi kontak untuk penulis/pemilik dokumen
|
|
<link />
|
Mendefinisikan
hubungan antara dokumen dan sumber eksternalnya
|
|
TAG FORMATTING DOKUMEN
|
|
|
TAG
|
KETERANGAN
|
|
<blockquote>
|
Mendefinisikan
sebuah kutipan panjang. Pada saat di browser
teks akan tampil menjorok kedalam
|
|
<dd>
|
Mendefinisikan
deskripsi dari item dalam daftar
definisi
|
|
<dl>
|
Mendefinisikan
sebuah daftar definisi
|
|
<br />
|
Memberi
baris baru/pindah baris
|
|
<!--…-->
|
Digunakan
untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada kontiner ini
tidak akan terlihat pada browser
|
|
<center>
|
Untuk
perataan tengah terhadap teks atau gambar
|
|
<hr />
|
Membuat
garis horisontal
|
|
<cite>
|
Mendefinisikan
kutipan
|
|
<dfn>
|
Mendefinisikan
sebuah istilah definisi
|
|
<dir>
|
Mendefinisikan
sebuah daftar direktori
|
|
<div>
|
Mendefinisikan
sebuah section dalam dokumen
|
|
<dt>
|
Mendefinisikan
istilah (item) dalam daftar
definisi
|
|
<code>
|
Mendefinisikan
sebuah bagian dari kode komputer
|
|
<ol>
|
Mendefinisikan
daftar dalam format penomoran
|
|
<ul>
|
Mendefinisikan
daftar dalam format bullet
|
|
<li>
|
Digunakan
untuk menampilkan informasi dalam bentuk item
daftar
|
|
<applet>
|
Digunakan
untuk memasukan file java kedalam
dokumen HTML
|
|
<img />
|
Berfungsi
untuk menampilkan gambar pada dokumen HTML
|
|
<map>
|
Mendefinisikan
client-side peta gambar
|
|
<menu>
|
Mendefinisikan
sebuah daftar menu
|
|
<nobr>
|
Mencegah
ganti baris pada teks atau gambar
|
|
<noscript>
|
Jika
browser user tidak mendukung client-side
scripts
|
|
<object>
|
meletakkan
embed sebuah objek
|
|
<p>
|
Membuat
sebuah paragraf
|
|
<param
/>
|
Mendefinisikan
sebuah parameter untuk objek
|
|
<q>
|
Mendefinisikan
sebuah kutipan singkat
|
|
<samp>
|
Mendefinisikan
contoh keluaran dari program komputer
|
|
<script>
|
Mendefinisikan
client-side script
|
|
<span>
|
Mendefinisikan
sebuah section dalam dokumen
|
|
<style>
|
Mendefinisikan
informasi style untuk dokumen HTML
|
|
TAG TABEL
|
|
|
TAG
|
KETERANGAN
|
|
<table>
|
Membuat
table
|
|
<caption>
|
Membuat
caption pada tabel
|
|
<tbody>
|
Untuk
mengelompokkan isi body di dalam
sebuah tabel
|
|
<td>
|
Mendefinisikan
sel di dalam sebuah tabel
|
|
<col />
|
Mendefinisikan
nilai atribut dari satu kolom atau
lebih dalam sebuah table
|
|
<colgroup>
|
Menentukan
kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
|
|
<tfoot>
|
Untuk
mengelompokkan isi footer di dalam
sebuah tabel
|
|
<th>
|
Mendefinisikan
sel header di dalam sebuah tabel
|
|
<thead>
|
Untuk
mengelompokkan isi header di dalam
sebuah tabel
|
|
<tr>
|
Membuat
baris di dalam sebuah tabel
|
|
TAG FORM
|
|
|
TAG
|
KETERANGAN
|
|
<form>
|
Mendefinisikan
sebuah form HTML untuk input form
|
|
<input
/>
|
Mendefinisikan
input field pada form
|
|
<fieldset>
|
Untuk
mengelompokkan elemen-elemen yang
terkait dalam form / membuat
seperti frame-box di dalam form
|
|
<label>
|
Mendefinisikan
label untuk sebuah elemen
<input>
|
|
<optgroup>
|
Menampilkan
beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down
|
|
<option>
|
Menampilkan
beberapa pilihan yang berbentuk dalam sebuah daftar dropdown
|
|
<select>
|
Membuat
daftar drop-down
|
|
<textarea>
|
Mendefinisikan
sebuah kontrol input multiline
|
|
<legend>
|
Mendefinisikan
sebuah caption untuk elemen <fieldset>
|
|
<button>
|
Mendefinisikan
sebuah tombol diklik
|
|
TAG FRAME
|
|
|
TAG
|
KETERANGAN
|
|
<frame
/>
|
Mendefinisikan
frame dalam frameset
|
|
<frameset>
|
Mendefinisikan
satu set frame
|
|
<iframe>
|
Mendefinisikan
sebuah inline frame
|
|
<noframes>
|
Jika browser user tidak mendukung frame
|
0 komentar:
Posting Komentar