Contoh penulisan suatu dokumen HTML sebagai berikut:
-contoh.html html
head title Halaman Contoh title
head body
File ini merupakan file contoh. br b Ini untuk membuat huruf cetak tebal b
body html
2.3.2 Dasar-Dasar HTML
Fungsi dari tag-tag HTML adalah memformat okumen HTML, dimana tag-tag inilah yang berperan juga untuk memperindah halaman website. Walaupun tag-tag
adalah standard an wajib ada jika ingin menuliskan script HTML. Contoh tag-tag yang sering digunakan dalam website ini adalah:
Universitas Sumatera Utara
1. Tag Heading
Tag Heading berfungsi untuk memformat heading judul dan sub judul dari sebuah halaman website. Jenis heading terdiri atas tujuh
buah yaitu H1…H2 sampai dengan H7….H7. H1…H1 merupakan judul besar dan H2…H2 sampai
dengan H7…H7 merupakan sub judul.
2. Tag List
Tag List L1…L1 digunakan untuk menampilkan informasi dalam bentuk daftar List. Ada dua jenis daftar yang dikenal
HTML, yaitu
daftar dalam
bullet dengan
bentuk tag
UL…UL dan dalam bentuk OL…OL.
3. Link
Hyperlink adalah kemampuan website untuk dapat melompat kehalaman lain atau ke alamat lain yang dapat di klik untuk menuju
ke suatu alamat atau ke alamat tertentu yang disebut hypertext. Tag ini
membuat hypertext
adalah A
HREF =
URL- tujuanhypertextA.
4. Format Teks
Untuk memformat teks dalam HTML dapat digunakan beberapa tag,yaitu:
a B….B untuk menebalkan teks
Universitas Sumatera Utara
b I….I untuk memiringkan teks
c U….U untuk menggaris bawahi teks
d S….S untuk memberikan coretan pada teks.
5. Tag Gambar
Tag Gambar IMG SRC= nama file gambar adalah tag untuk menampilkan gambar pada HTML yang berformat GIF atau JPG.
Tag ini tidak mempunyai penutup seperti halnya tag lainnya, tetapi memiliki parameter yaitu SRC yang berfungsi untuk menemukan
nama file gambar yang akan ditampilkan di browser.
6. Format Paragraf
HTML memiliki beberapa format berstandar yaitu: a
CENTER…CENTER untuk membuat teks atau paragraph rata tengah
b RIGHT…RIGHT untuk membuat teks atau
paragraph rata kanan c
LEFT…LEFT untuk membuat teks atau paragraph rata kiri
d P untuk membuat satu pemisah paragraph
e BR untuk membuat pemisah satu baris
f HR untuk memberikan satu garis pemisah yang berkesan
tiga dimensi.
Universitas Sumatera Utara
7. Tabel HTML
Untuk menampilkan data tabel pada HTML digunakan tag TABLE…TABLE. Tag ini berisikan beberapa tag yaitu:
a TH…TH untuk menampilkan beberapa judul tabel
yang biasanya terletak pada bagian atas atau paling kiri pada table.
b TR…TR untuk menentukan baris pada suatu table.
c TD…TD untuk menampilkan data pada setiap sel
table. d
CAPTION…CAPTION untuk menampilkan judul table yang terletak pada bagian luar table.
8. Form HTML
Untuk mendeklarasikan sebuah form pada HTML digunakan tag FORM…FORM. Didalam tag ini didefinisikan elemen-
elemen form seperti: a
Textbox yang berguna untuk menampilkan masukkan berupa textbox yang mampu menerima masukan beberapa
string sebanyak satu baris. b
Textarea yang berguna untuk menampilkan masukkan berupa textbox dan mampu menerima masukan berupa
string lebih dari satu baris.
Universitas Sumatera Utara
c Radio Botton yang berguna untuk menampilkan msukkan
berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan.
d Tombol yang berguna untuk menampilkan tombol
SUBMIT untuk mengirim data kepemrosesan di server, RESET untuk mengulangi form.
e Checkbox yang berguna untuk menampilkan masukkan
berupa pilihan dimana pengguna dapat memilih lebih dari satu pilihan.
f Drop-Down menu yang berguna untuk menampilkan
masukan berupa pilihan dan pengguna dapat melihat semua pilihan dengan menekan drop-down menu.
g Frame HTML
Frame HTML digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian, dimana
setiap bagiannya merupakan satu halaman HTML yang terpisah. Frame tidak memiliki tag BODY. Sebagai
penggantinya adalah tag FRAMESET. Untuk membuat frame
pada HTML
digunakan tag
FRAMESET…FRAMESET. Didalam tag ini terdapat tag FRAME yang menentukan isi dari
FRAMESET terdapat parameter ROWS yang berguna untuk menentukan lebar frame horizontal mendatar dan
COLS untuk menentukan tinggi FRAME terdapat
Universitas Sumatera Utara
parameter NAME yang menentukan dan parameter SCR yang berisi nama file HTML yang akan ditampilkan pada
frame.
2.3.3 Statis dan Dinamis Website