Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009
berisi isi dokumen yang akan ditampilkan pada browser meliputi paragraf, grafik, link, tabel dan sebagainya.
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 tebalb
body html
14
2.3.2 Dasar-Dasar HTML
Fungsi dari tag-tag HTML adalah memformat dokumen HTML, dimana tag-tag inilah yang berperan juga untuk memperindah halaman website. Walaupun tag-tag adalah
standard dan wajib ada jika ingin menulisakn script HTML. Contoh tag-tag yang sering digunakan dalam website ini adalah:
1. Tag Heading
Tag Heading berfungsi untuk memformat heading judul dan sub judul dari sebuah halaman website. Jenis heading terdiri
Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009
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-tujuan hypertextA.
15
4. Format Teks
Untuk memformat teks dalam HTML dapat digunakan beberapa tag,yaitu:
a. B…B untuk menebalkan teks
b. I…I untuk memiringkan teks
c. U…U untuk menggaris bawahi teks
d. S…S untuk memberikan coretan pada teks.
Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009
Tag Gambar IMG SRC = nama filegambar 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 standar, yaitu : a.
CENTER…CENTER untuk membuat teks atau paragraf rata tengah
b. RIGHT…RIGHT untuk membuat teks atau paragraf
rata kanan c.
LEFT…LEFT untuk membuat teks atau paragraf rata kiri
16
d. P untuk membuat satu pemisah paragraf
e. BR untuk membuat pemisah satu baris
f. HR untuk memberikan satu garis pemisah yang berkesan
tiga dimensi 7.
Tabel HTML
Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009
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
tabel d.
CAPTION…CAPTION untuk menampilkan judul tabel yang terletak pada bagian luar tabel.
8. Form HTML.
Untuk mendeklarasikan sebuah form pada HTML digunakan tag FORM…FORM. Didalam tag ini didefenisikan
elemen- elemen form seperti : a.
Textbox yang berguna untuk menampilkan masukkan berupa textbox yang mampu menerima masukan berupa
string sebanyak satu baris.
17
b. Textarea yang berguna untuk menampilkan masukan
berupa textbox dan mampu menerima masukan berupa string lebih dari satu baris.
Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009
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 masukan
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.
18
Didalam tag ini terdapat tag FRAME yang menentukan isi dari FRAMESET terdapat parameter ROWS yang
Juli Wahyuni : Merancang Website Berita Suara USU Dengan Menggunakan PHP 5.0 Dan MySQL, 2008. USU Repository © 2009
mendatar dan COLS untuk menentukan tinggi frame vertical tegak. Pada tag FRAME terdapat parameter
NAME yang menentukan dan parameter SCR yang berisi nama file HTML yang akan ditampilkan pada Frame.
2.3.3 Statis dan Dinamis Website
