Website adalah kumpulan halaman-halaman yang digunakan untuk
mempublikasikan informasi berupa teks, gambar dan program multimedia lainnya
berupa video, tulisan gerak, suara, dan atau gabungan dari semuanya itu sehingga
membentuk sebuah informasi yang saling berkaitan. untuk membuat halaman-halaman
website ini saling terkait antara satu halaman dengan halaman yang lain yang
sering disebut sebagai hyperlink.
Web browser yang menampilkan informasi
ke komputer dengan interpreting adalah menggunakan bahasa pengkodean HTML.
HTML (Hyper Text Markup Language) adalah suatu bahasa yang digunakan untuk
menulis halaman WEB. HTML dirancang untuk digunakan tanpa tergantung pada suatu
Platform tertentu (Platform independent). Dokumen HTML adalah suatu teks biasa,
dan disebut sebagai Markup Language karena mengandung tanda-tanda (tag)
tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat
kepentingan dari teks tersebut dalam suatu dokumen. Ciri utama dokumen HTML
adalah adanya tag dan elemen, Elemen dalam dokumen HTML dikatagorikan menjadi
dua yaitu elemen yang elemen pertama berfungsi memberikan informasi tentang
dokumen tersebut dengan menggunakan kode (
“ <!- - “ dan “ !> “ ) dan elemen yang kedua menentukan bagaimana isi suatu dokumen yang akan dipublikasikan ( “<” dan “>” ).
“ <!- - “ dan “ !> “ ) dan elemen yang kedua menentukan bagaimana isi suatu dokumen yang akan dipublikasikan ( “<” dan “>” ).
Dokumen HTML terbagi 3 tag utama yang membentuk struktur dokumen HTML, HEAD
dan BODY. HTML berfungsi untuk menyatakan suatu dokumen HTML, tag HEAD
berfungsi untuk memberikan informasi tentang dokumen HTML dan tag BODY
berfungsi untuk menyimpan informasi data yang akan ditampilkan dalam dokumen
HTML dengan cara penulisannya sebagai berikut
<!DOCTYPEhtml>
<html>
<head>
</head>
<body>
</body>
<html>
<html>
<head>
</head>
<body>
</body>
<html>
Berikut ini daftar
tag HTML beserta fungsinya
|
Tag
|
Keterangan
|
|
Digunakan
untuk memberi sebuah komentar atau keterangan. Kalimat yang terletak pada
kontiner ini tidak akan terlihat pada browser
|
|
|
Mendefinisikan
informasi tipe dokumen
|
|
|
<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
|
|
<abbr>
|
Digunakan
untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan
informasi bermanfaat kepada penelusur-penulusur 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>
|
|
<address>
|
Mendefinisikan
informasi kontak untuk penulis/pemilik dokumen
|
|
<applet>
|
Digunakan
untuk memasukan file java kedalam dokumen HTML
|
|
<area
/>
|
Mendefinisikan
daerah yang dapat diklik (link) pada peta gambar
|
|
<b>
|
Membuat
teks tebal
|
|
<base
/>
|
Mendefinisikan
URL dasar/target untuk semua URL relatif dalam dokumen
|
|
<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
|
|
<blockquote>
|
Mendefinisikan
sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok
kedalam
|
|
<body>
|
Mendefinisikan
body/isi dokumen HTML, berfungsi untuk menentukan bagaimana isi suatu dokumen
ditampilkan di web browsernya. Isi dokumen tersebut dapat berupa teks,
gambar, animas, link dan seterusnya
|
|
<br
/>
|
Memberi
baris baru/pindah baris
|
|
<button>
|
Mendefinisikan
sebuah tombol diklik
|
|
<caption>
|
Membuat
caption pada tabel
|
|
<center>
|
Untuk
perataan tengah terhadap teks atau gambar
|
|
<cite>
|
Mendefinisikan
kutipan
|
|
<code>
|
Mendefinisikan
sebuah bagian dari kode komputer
|
|
<col
/>
|
Mendefinisikan
nilai atribut dari satu kolom atau lebih dalam sebuah tabel
|
|
<colgroup>
|
Menentukan
kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan
|
|
<dd>
|
Mendefinisikan
deskripsi dari item dalam daftar definisi
|
|
<del>
|
Untuk
memberi garis tengah pada teks/mencoret teks
|
|
<dfn>
|
Mendefinisikan
sebuah istilah definisi
|
|
<dir>
|
Mendefinisikan
sebuah daftar direktori
|
|
<div>
|
Mendefinisikan
sebuah section dalam dokumen
|
|
<dl>
|
Mendefinisikan
sebuah daftar definisi
|
|
<dt>
|
Mendefinisikan
istilah (item) dalam daftar definisi
|
|
<em>
|
Membuat
teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em>
yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring
|
|
<embed>
|
Digunakan
untuk memasukkan file video atau file musik
|
|
<fieldset>
|
Untuk
mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box
di dalam form
|
|
<font>
|
Mendefinisikan
jenis font, warna dan ukuran untuk teks
|
|
<form>
|
Mendefinisikan
sebuah form HTML untuk input form
|
|
<frame
/>
|
Mendefinisikan
frame dalam fremeset
|
|
<frameset>
|
Mendefinisikan
satu set frame
|
|
<h1>
to <h6>
|
Digunakan
untuk menunjukkan awal dari suatu header/judul dari dokumen HTML tersebut.
|
|
<head>
|
Digunakan
untuk memberikan informasi tentang dokumen tersebut
|
|
<hr
/>
|
Membuat
garis horisontal
|
|
<html>
|
Mendefinisikan
root dari suatu dokumen HTML
|
|
<i>
|
Membuat
teks miring
|
|
<iframe>
|
Mendefinisikan
sebuah inline frame
|
|
<img
/>
|
Berfungsi
untuk menampilkan gambar pada dokumen HTML
|
|
<input
/>
|
Mendefinisikan
input field pada form
|
|
<ins>
|
Membuat
teks bergaris bawah
|
|
<kbd>
|
Mendefinisikan
teks yang di input dari keyboard
|
|
<label>
|
Mendefinisikan
label untuk sebuah elemen <input>
|
|
<legend>
|
Mendefinisikan
sebuah caption untuk elemen <fieldset>
|
|
<li>
|
Digunakan
untuk menampilkan informasi dalam bentuk item daftar
|
|
<link
/>
|
Mendefinisikan
hubungan antara dokumen dan sumber eksternalnya
|
|
<listing>
|
Fungsi tag
ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre>
karena tag <listing> tidak layak/diprotes
|
|
<map>
|
Mendefinisikan
client-side peta gambar
|
|
<marquee>
|
Membuat
teks berjalan secara vertikal atau horisontal
|
|
<menu>
|
Mendefinisikan
sebuah daftar menu
|
|
<meta
/>
|
Mendefinisikan
metadata tentang sebuah dokumen HTML
|
|
<nobr>
|
Mencegah
ganti baris pada teks atau gambar
|
|
<noframes>
|
Jika
browser user tidak mendukung frame
|
|
<noscript>
|
Jika
browser user tidak mendukung client-side scripts
|
|
<object>
|
meletakkan
embed sebuah objek
|
|
<ol>
|
Mendefinisikan
daftar dalam format penomoran
|
|
<optgroup>
|
Menampilkan
beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar
drop-down
|
|
<option>
|
Menampilkan
beberapa pilihan yang berbentuk dalam sebuah daftar drop-down
|
|
<p>
|
Membuat
sebuah paragraf
|
|
<param
/>
|
Mendefinisikan
sebuah parameter untuk objek
|
|
<pre>
|
Membuat
teks dengan ukuran huruf yang sama
|
|
<q>
|
Mendefinisikan
sebuah kutipan singkat
|
|
<s>
|
Untuk
memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag
<del> tetapi tag <s> tidak dianjurkan sebagai gantinya
menggunakan tag <del>
|
|
<samp>
|
Mendefinisikan
contoh keluaran dari program komputer
|
|
<script>
|
Mendefinisikan
client-side script
|
|
<select>
|
Membuat
daftar drop-down
|
|
<small>
|
Memperkecil
ukuran teks dari ukuran defaultnya
|
|
<span>
|
Mendefinisikan
sebuah section dalam dokumen
|
|
<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>
|
|
<style>
|
Mendefinisikan
informasi style untuk dokumen HTML
|
|
<sub>
|
Memberikan
efek subscript pada teks
|
|
<sup>
|
Memberikan
efek superscript pada teks
|
|
<table>
|
Membuat
tabel
|
|
<tbody>
|
Untuk
mengelompokkan isi body di dalam sebuah tabel
|
|
<td>
|
Mendefinisikan
sel di dalam sebuah tabel
|
|
<textarea>
|
Mendefinisikan
sebuah kontrol input multiline
|
|
<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
|
|
<title>
|
Membuat
judul untuk dokumen HTML
|
|
<tr>
|
Membuat
baris di dalam sebuah tabel
|
|
<tt>
|
Mendefinisikan
teletype text
|
|
<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
|
|
<ul>
|
Mendefinisikan
daftar dalam format bullet
|
|
<var>
|
Mendefinisikan
sebuah variabel
|
|
<xmp>
|
Mendefinisikan
preformatted text, fungsi tag ini sama dengan tag <pre>
|
Comments
Post a Comment