Dasar - Dasar HTML
HTML yang merupakan kepanjangan dari Hyper Text MarkUp
Language memiliki fungsi untuk memformat dokumen teks biasa agar
bisa digunakan pada World Wide Web (WWW). HTML bukan
merupakan suatu bahasa pemrograman, karena sifatnya yang hanya
memberikan tanda (marking up) pada suatu dokumen teks dan bukan
sebagai program.
Pada awalnya HTML dikembangkan sebagai subset SGML (Standart
Generalized Mark-Up Language). Karena HTML didedikasikan untuk
ditransmisikan melalui media internet, maka HTML relatif lebih
sederhana daripada SGML yang lebih ditekankan pada format
dokumen yang berorientasi pada aplikasi.
File-file HTML merupakan dokumen teks yang diformat menggunakan
HTML, maka untuk melakukan penulisan maupun editing dokumen
HTML dapat menggunakan berbagai macam editor, dalam hal ini
digunakan Notepad.
Struktur dasar dokumen HTML berisi elemen-elemen atau tag,
a) : mendefinisikan bahwa teks yang berada
diantara kedua tag tersebut adalah file HTML.
b) : mendefinisikan head dalam sebuah file
HTML.
c) : mendefinisikan judul yang hendak ditampilkan
pada browser.
d) : mendefinisikan teks beserta formatnya yang
hendak ditampilkan sebagai isi halaman web
2) Format Teks Dasar dalam HTML
a) Heading, HTML mengenal 6 level heading, mulai 1 (terbesar)
sampai 6. heading ditampilkan dengan font lebih besar dan tebal
daripada teks normal.
"

heading level 1

heading level
2

"dst.
b) Paragraf, setiap ada paragraf baru diawali dengan "

paragraf satu

", dst.
c) List, HTML mendukung daftar (list) tidak bernomor, bernomor
dan definisi.
· Tidak bernomor (unordered list) :
"

satu
dua
tiga

"
· Bernomor (ordered list) :
"

satu
dua
tiga

"
· Definisi (definition list) :
"

"
d) Performatted Text, dalam HTML, spasi, tab dan baris baru (enter)
tidak memiliki pengaruh. Agar format tampilan sesuai dengan
sourcenya, maka diperlukan tag

.

"
Nama : Saya

Tanggal : Lahir

"

e) Extended Quotations, untuk membuat kutipan panjang, sehingga

hasilnya menjorok ke dalam, digunakan tag .

paragraf satu"



paragraf masuk ke dalam

"

f) Ganti baris (line break), untuk menulis alamat surat dengan barisbaris

pendek, tidak bagus jika menggunakan tag (spasi

terlalu lebar). Maka digunakan tag

 untuk ganti baris.

Karangmalang.



Yogyakarta.



55281

g) Garis datar (horizontal rule), untuk membuat garis horizontal

yang digunakan untuk membatasi bagian-bagian digunakan tag

"
". Yang dapat diikuti dengan penentuan ukurannya dengan

atribut size dan width.

""

h) Memformat karakter,

 atau "" untuk membuat teks Bold.

 atau  untuk membuat teks Italic.

 atau  untuk membuat teks typewriter

3) Dasar Link HTML

1) Relative dan Absolute Link, link ke suatu dokumen pada direktori

lain dapat dibuat dengan menentukan relative path dari posisi

dokumen asal berada. Ini disebut sebagai relative link. Misal :

a href=”Harga/index.html”>Daftar Harga

Alamat (URL) dokumen secara lengkap (absolute path) dapat

digunakan untuk menentukan tujuan link, disebut link absolute :

a href=”http://gmail.google.com”>E-mail Google

2) Link ke suatu bagian di dokumen lain, misalnya : satu.html dilink

ke suatu bagian di dua.html, caranya adalah :

Pada dokumen satu.html, dituliskan :

Tiga

Pada bagian yang dituju, dituliskan :

Tiga

3) Link ke suatu bagian di dokumen yang sama, caranya hampir

sama dengan langkah di atas :

Pada dokumen satu.html, dituliskan :

Tiga

Pada bagian yang dituju, dituliskan :

Tiga

4) Mailto, link yang langsung menuju ke alamat e-mail.



Kirim E-mail

4) Menyisipkan Gambar

1) Atribut ukuran gambar, bila tidak dituliskan, maka ukuran gambar

sesuai ukuran aslinya. Namun ukuran gambar bisa dibuat dengan

nilai tertentu dengan cara menuliskan atribut height dan width.



3) Teks alternatif untuk gambar, dimaksudkan untuk mengganti

gambar apabila browser tidak mampu menampilkan gambar

tersebut.



4) Atribut border dan spasi, jika atribut ini tidak disertakan, maka

gambar ditampilkan tanpa garis tepi.



5) Gambar sebagai hyperlink.



6) Gambar sebagai background



7) Background warna



5) Membuat Tabel

Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel

yang terdiri dari kolom dan baris. Berikut contoh untuk membuat

sebuah tabel yang terdiri dari 2 kolom dan 2 baris.

a)  : mendefinisikan bahwa teks di dalamnya

merupakan tag-tag pembuatan tabel.

b) : mendefinisikan penentuan ada atau tidaknya

serta ukuran border pada tabel.

c) : table row, mendefinisikan bahwa teks di dalamnya

akan berada dalam satu baris. Banyaknya tag 
menunjukkan banyaknya baris pada suatu tabel.

d) : table division, mendefinisikan isi dari suatu kolom,

tag ini selalu berada di dalam tag . Banyaknya tag

diantara tag menunjukkan banyaknya

kolom dalam suatu baris.

6) Membuat Frame

Frame HTML digunakan untuk membuat tampilan HTML yang terbagi

menjadi beberapa bagian di mana setiap bagiannya merupakan satu

halaman HTML yang terpisah. Frame bernmanfaat saat suatu halaman

HTML pada suatu bagiannya gerganti-ganti isi, sedangkan pada bagian

lainnya relatif tetap, sehingga lebih menghemat bandwidth internet.

a) Menentukan banyaknya baris dan tinggi masing-masing frame. Di

sini dibuat dua baris dengan tinggi 80 pixel untuk baris pertama,

dan tinggi baris kedua memanfaatkan sisa ruang pada web browser

(dinyatakan dengan tanda *).

b) Memberikan nama pada frame pertama yang telah dibuat dan

menentukan nama file yang akan ditampilkan dalam frame

tersebut.

c) Membagi baris kedua menjadi 2 kolom dengan ukuran kolom kiri

150 pixel dan kolom kanan memanfaatkan sisanya.

d) Memberikan nama frame paling kiri pada baris kedua dengan nama

left_menu dan menentukan file menu.html menjadi isi pada frame

ini. Frame sebelah kanan dinamai main_page dengan file isi.html

sebagai isinya.

e) Mengakhiri pembuatan frame.

7) Membuat Form

Form merupakan elemen HTML yang berupa blanko (form) yang

dipergunakan untuk menjaring informasi dari pengguna. Macammacam

form :

a) Input, dengan tipe : text, password, checkbox, radio button, reset,

submit dan hidden.

b) Textarea.

c) Select.