BAB II LANDASAN TEORI
2.2. Pengantar HTML
HTML (HyperText Mark up Language) merupakan suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.
Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi (JonMMx 2000):
a. Hypertext atau link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika pengguna mengklik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang dituju. b. Markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang
dapat memberikan suatu format pada dokumen yang akan ditampilkan pada
World Wide Web.
c. Language. HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen.
Dengan demikian banyak hal yang dapat dilakukan dengan menggunakan HTML untuk membuat sebuah web yang memberikan tampilan yang baik sesuai dengan keinginan pemilik web maupun pengembang web, yaitu antara lain:
a. Menentukan format suatu teks maupun dokumen HTML b. Membuat daftar (list) dalam bentuk kelompok-kelompok
c. Membuat link ke dokumen lain atau bagian lain dari dokumen yang sama d. Menyisipkan citra atau gambar, suara dan gambar bergerak
e. Menampilkan informasi dalam bentuk tabel
f. Membentuk sebuah dokumen yang terdiri dari gabungan banyak dokumen dalam bentuk frame.
2.2.1.Struktur Dokumen HTML
Dalam dokumen HTML, seluruh isi dari halaman terletak dalam pasangan tag
<html>…</html>. Informasi dalam file HTML dibagi menjadi dua bagian, yaitu Header (tag <head>…</head>) yang digunakan untuk menyimpan informasi administratif dan sebuah Body (tag <body>…</body>) yang digunakan untuk meletakkan informasi-informasi yang akan ditampilkan.
Berikut ini merupakan struktur umum dokumen HTML:
<HTML> <HEAD> Bagian Head </HEAD> <BODY> …Isi dokumen… </BODY> </HTML>
Pada bagian head, terdapat beberapa tag penting yang dapat digunakan untuk memberikan informasi-informasi mengenai website namun tidak semua informasi tersebut akan ditampilkan pada browser. Tag-tag yang dapat disisipkan pada bagian head antara lain:
a. Tag <title>…</title>, digunakan untuk menyimpan sebuah judul untuk dokomen web. Judul ini akan ditampilkan pada Title Bar Browser. Bentuk pemakaian tag ini adalah sebagai berikut:
b. Tag <base>, digunakan untuk menentukan base URL untuk halaman web aktual secara eksplisit, sehingga base URL bisa berbeda dengan nilai default-nya. Tag ini juga dapat digunakan untuk menentukan frame default dalam penyusunan sebuah halaman web yang terdiri dari beberapa frame. Bentuk pemakaian tag ini adalah sebagai berikut:
<base href=”http://www.tomik-bpp.sch.id” target=”_blank”>
c. Tag <meta>, digunakan untuk menyimpan informasi tambahan tentang halaman HTML aktual, misalnya informasi mengenai penulis, kata kunci, dan lain sebagainya. Tag ini juga dapat digunakan untuk mengalihkan arah halaman web ke halaman yang lain. Bentuk pemakaian tag ini adalah sebagai berikut:
<meta name=”keyword” content=”sekolah, santo mikail”> <meta http-equive=”Expires” content=”Wed, 20 Okt 2004”> <meta HTTP-equive=”REFRESH” content=”*5; URL=”index2.htm”>
d. Tag <link>, digunakan untuk mendefinisikan hubungan antara beberapa halaman HTML. Bentuk pemakaian tag ini adalah sebagai berikut:
<link rel=”next” href=”chapter3.html”> <link rel=”stylesheet” href=”style.css”>
2.2.2.Struktur Tag dan Atribut HTML
Struktur tag HTML memiliki tiga bagian utama, yaitu:
<Element Atribut = Value>
a. Element : nama tag HTML
b. Atribut : atribut dari tag HTML yang digunakan c. Value : nilai dari atribut.
Sebagai contoh: <BODY BGCOLOR = Blue>. BODY merupakan element dengan atribut
BGCOLOR berwarna biru. Hasil yang akan ditampilkan dari penggunaan tag ini adalah warna biru pada background halaman web.
Seperti yang telah diungkapkan sebelumnya, banyak hal yang dapat dilakukan dalam membuat dokumen HTML dengan menggunakan tag-tag sesuai dengan bentuk tampilan yang diinginkan.
Berikut ini merupakan beberapa tag-tag HTML secara umum yang dapat digunakan dalam membuat dokumen HTML:
Tabel 2.1. – Daftar tag-tag HTML
Tag K E T E R A N G A N
<!-- --> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut <a name> Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map <b> Membuat teks tebal
<basefont> Membuat atribut teks default seperti jenis, ukuran dan warna font <bgsound> Memberi (suara latar) background sound pada halaman web
<blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link &
visited link
<br> Pindah baris
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<div> Merepresentasikan bagian tertentu dari teks. <embed> Menambahkan sound atau file avi ke halaman web
<fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks <form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame <h1>...<h6> Ukuran font
<head> Mendefinisikan head document. <hr> Membuat garis horisontal <html> Berarti dokumen html
<i> Membuat teks dicetak miring <img> Image, imagemap atau animasi <input> Mendefinisikan input field pada form
Tag K E T E R A N G A N
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE <nobr> Mencegah ganti baris pada teks atau images
<ol> Mendefinisikan awal dan akhir list <p> Ganti paragraf
<pre> Membuat teks dengan ukuran huruf yg sama <script> Mendefinisikan awal script
<table> Membuat tabel <td> Kolom pada tabel <title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah