Hypertext Markup Language HTML

2.4 Hypertext Markup Language HTML

HTML singkatan dari Hyper Text Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web Bimo Sunarfrihanto, ST, 2002 : 1. HTML dikatakan Markup Languange karena HTML berfungsi untuk memperindah file teks biasa untuk ditampilkan pada web browser. Hal ini dilakukan dengan menambahkan tag-tag perintah khusus pada file teks biasa tersebut. Tag HTML berupa tag yang berpasangan dengan ditandai simbol “” dan “” dan penutupnya disertai “”.

2.4.1 Struktur HTML

Secara sederhana, struktur HTML terdiri dari header dan body. Body disusun atas baris-baris kalimat, paragraf, serta garis pemisah. Berikut ini struktur dokumen HTML : html head Untuk memberikan informasi tentang dokumen HTML head body Untuk informasi yang ditampilkan pada web browser body html 2.4.2 Tag-tag HTML Tag-tag HTML sangat banyak sekali dan sebuah tag dapat mempunyai atribut yang meyatakan sesuatu tentang tag tersebut. Atribut digunakan untuk mengubah default pemformatan dokumen dengan tag yang bersangkutan, dan atribut setiap tag akan berbeda. Secara umum tag dengan atributnya adalah sebagai berikut : namatag atr1=”nilai-atr1” atr2=”nilai_atr2”... ... namatag Berikut ini beberapa contoh Tag HTML beserta fungsinya : 1. Tag Dasar HTML Tag TITLE…TITLE berfungsi untuk memberi judul pada sebuah homepage. Sedangkan untuk membuat suatu paragraf menggunakan tag P…P, Tag BR…BR digunakan untuk mengganti baris suatu kata atau kalimat. 2. Tag Memformat Dokumen HTML menyediakan enam buah tingkat heading H1…H1 untuk ukuran heading paling besar sampai H6…H6 untuk ukuran heading paling kecil. Untuk mengubah ukuran, warna dan huruf suatu teks menggunakan FONT size=size color color=”color” face=”font”…FONT. 3. Tag Tampilan Daftar OL…OL digunakan untuk menampilkan daftar berurutan atau daftar dengan nomor. Diantara kedua tag terdapat tag tunggal LI yang menyatakan item didalam daftar. Tag UL…UL digunakan untuk menampilkan daftar yang tidak berurutan atau Bullet List. 4. Link dalam HTML Dengan menggunakan Tag A…A atau biasa disebut dengan anchor tag kita dapat membuat link ke halaman-halaman Web yang lain. Bentuk paling sederhananya adalah sebagai berikut : A HREF = “URL FILE” … A 5. Tag Penggunaan Gambar Untuk bisa menampilkan gambar didalam homepage, kita dapat menggunakan tag IMG SRC=”Nama Gambar” 6. Tag Pembuatan Form Form dibentuk menggunakan pasangan tag FORM…FORM, dua atribut yang digunakan pada tag ini berupa ACTION dan METHODE. ACTION menentukan URL yang akan dijalankan. METHODE digunakan untuk menentukan bagaimana informasi dapat dikirim ke URL yang disebutkan dalam ACTION. 7. Tag Pembuatan Tabel Tag TABLE…TABLE bisa digunakan dalam halaman Web untuk memperindah tampilan dan agar informasi yang disajikan mudah dibaca. CAPTION…CAPTION untuk menentukan judul pada tabel. Sedangkan untuk membuat judul kolom menggunakan tag TH…TH. Tag TR…TR dan TD…TD digunakan untuk membuat baris dan sebuah sel data dalam tabel.

2.5 Pemrograman PHP