HTML adalah standar bahasa yang digunakan untuk mengatur penampilan dari
halaman web. HTML tersusun atas
pasangan-pasangan tag yang mempunyai
fungsi yang berbeda-beda. Ciri dari tag
pada HTML adalah diawali dengan tanda kurang dari “<” dan diakhiri oleh
tanda lebih dari “>” seperti “<head>”. Pada HTML ada 2 macam tag yaitu tag pembuka “<…>” dan tag
penutup “</…>”. Sebuah halaman HTML dibagi menjadi 2 bagian yaitu header dan content yang masing-masing diwakili oleh pasangan tag “<head>…</head>” dan
“<body>…</body>”. Header
pada HTML berfungsi untuk menyampaikan judul yang diwakili oleh tag “<title>…</title>”. Content pada HTML berisi script yang mengatur tampilan suatu
halaman HTML.
o
Format Teks
Tampilan dari teks pada suatu halaman HTML diatur oleh tag “<font>…</font>“. Berikut ini adalah elemen dari tag “<font>“ yang biasa digunakan
:
§
color untuk mengatur warna
§
face untuk mengatur font yang akan
digunakan
§
size untuk mengatur ukuran font
§ style untuk mengatur penampilan font, seperti garis bawah, cetak tebal, cetak miring
Elemen face dapat diatur hingga
maksimum 3 macam font yang berbeda
dengan ketentuan font pertama akan
digunakan, kemudian apabila tidak tersedia maka akan dicoba menggunakan font kedua sampai font ketiga yang akhirnya akan diatur untuk menggunakan font default
dari windows apabila semua font tidak
tersedia.
Elemen style tertentu dapat juga
digantikan oleh pasangan tag tertentu
seperti cetak tebal yang digantikan oleh “<strong>…</strong>“,
cetak miring yang digantikan oleh “<em>…</em>“, dan sebagainya.
o
Link
Link adalah suatu cara untuk mereferensikan sebuah
tulisan atau gambar pada sebuah halaman HTML dengan halaman HTML yang lain. Link pada HTML ditandai oleh sebuah anchor atau tag “<a>…</a>“ beserta elemen. Contoh penggunaan dari anchor sebagai link adalah sebagai
berikut <a href=”index.html”>index</a>.
Kata index yang diapit oleh tag
adalah kata yang akan ditampilkan pada web
browser.
o
Tabel
Tabel dapat berfungsi
untuk mengontrol tampilan dari sebuah HTML agar lebih rapi dan terstruktur. Tag yang pada umumnya digunakan untuk
membuat tabel adalah sebagai berikut:
§
Tag
<table>, untuk memulai sebuah tabel.
§
Tag <tr>,
untuk membuat sebuah baris dalam tabel.
§
Tag
<td>, untuk membuat sebuah kolom dalam tabel.
Tag-tag
tersebut diatas harus dirangkaikan sedemikian rupa untuk membentuk sebuah
tabel, jadi masing-masing tag tidak
dapat berdiri sendiri.
o
Form
Form adalah komponen dari HTML yang berfungsi untuk
menampung variabel-variabel dari suatu halaman web yang nilainya diletakan pada suatu text field, radio button,
dan komponen yang lain agar dapat dialihkan ke halaman HTML selanjutnya.
Berikut ini adalah contoh dari form:
<form action=url method=get|post>
Elemen action berisi alamat HTML
yang akan digunakan untuk melaksanakan form.
Bila tidak ada alamat yang disebutkan, maka base
URL dari dokumen yang sedang aktif yang digunakan. Elemen method menunjukkan bagaimana data form dikirim ke server. Get | Post dapat berupa salah satu value
berikut:
|
GET
|
:
|
Data dari sebuah form akan
dikirim melalui alamat URL.
|
|
POST
|
:
|
Data dari sebuah form akan
dikirim melalui header dari file HTML tersebut (tidak terlihat).
|
o
Input
Input adalah suatu variabel untuk menetukan jenis input
yang dilakukan pada halaman HTML, apakah berupa text field, text area
atau media input lainnya. Berikut ini
adalah contoh dari input :
<input type=type
maxlength=length name=name size=size src=address value=value>
Elemen maxlength menunjukkan
berapa jumlah karakter maksimum yang dapat dimasukkan dalam sebuah kontrol yang
bertipe text. Elemen name mendefinisikan nama dari input. Elemen size mendefinisikan ukuran dari kontrol (dalam karakter). Untuk
kontrol tipe textarea, baik tinggi
maupun lebar dapat disesuaikan dengan format:
“width, height”.
Elemen src digunakan untuk
mendefinisikan alamat image yang akan digunakan, ketika elemen type bernilai image. Elemen type mendefinisikan tipe kontrol yang digunakan.
Tipenya dapat berupa satu dari value
berikut:
|
checkbox
|
:
|
digunakan untuk atribut Boolean
sederhana atau atribut-atribut yang dapat mengambil multiple value
pada waktu yang sama, ditandai dengan beberapa check box field yang
mempunyai nama yang sama.
|
|
hidden
|
:
|
tidak ada field yang ditampilkan pada user tetapi isi field dikirim bersama form.
|
|
image
|
:
|
sebuah field image yang dapat di-klik yang dapat menyebabkan form terkirim dengan segera.
|
|
text
|
:
|
digunakan untuk field text-entry satu baris.
|
|
password
|
:
|
sama dengan atribut text,
kecuali bahwa teks tidak ditampilkan saat pemakai memasukkannya.
|
|
radio
|
:
|
digunakan untuk menerima single value dari serangkaian alternatif.
Setiap radio button field dalam satu grup harus diberi nama yang sama.
Hanya radio button yang dipilih dalam grup menghasilkan nama pada data
yang dikirim. Radio button memerlukan sebuah atribut value yang eksplisit.
|
|
reset
|
:
|
sebuah tombol yang apabila di-klik me-reset
field-field form pada value awalnya yang spesifik.
|
|
submit
|
:
|
sebuah tombol yang bila di-klik akan mengirimkan form elemen value
digunakan untuk kontrol textual/numerical,
menjelaskan default value dari kontrol.
|
Untuk kontrol-kontrol Boolean,
menjelaskan value yang akan kembali bila kontrol dinyalakan.
0 komentar:
Posting Komentar