pPENGANTAR HTML
B
B
a
a
b
b
3
3
P
P
e
e
n
n
g
g
a
a
n
n
t
t
a
a
r
r
H
H
T
T
M
M
L
L
3.1
Memulai HTML
HTML adalah bahasa yang sangat tepat dipakai untuk menampilkan informasi pada halaman Web
karena HTML menampilkan informasi dalam bentuk
hypertext
dan juga mendukung sekumpulan
perintah yang dapat digunakan untuk mengatur tampilnya informasi tersebut.
Sesuai dengan namanya, bahasa ini menggunakan tanda (
markup)
untuk menandai perintah-perintahnya.
Saat ini banyak sekali aplikasi yang dapat digunakan untuk membuat Web Page secara mudah, seperti
Microsoft FrontPage, Adobe Golive dan lainnya. Namun demikian untuk seorang Web Developer harus
memiliki kemampuan dasar menguasi perintah HTML
Untuk dapat menggunakan HTML, Anda membutuhkan beberapa hal, diantaranya adalah:
1]
Anda memerlukan teks editor untuk mengetikkan HTML Anda. Klik Start | Program kemudian
Accessories lalu pilih Notepad
2]
Anda membutuhkan sebuah web browser untuk mempublikasikan HTML Anda. Anda dapat
menggunakan Microsoft Internet Explorer.
3]
Anda membutuhkan tempat penyimpanan. Gunakan hard disk, floppy disk, atau web server. Anda
tidak harus bekerja online dengan internet, Anda dapat menulis HTML kemudian menggunakan
web browser secara offline di komputer.
3.2
Struktur Dokumen HTML
Di bawah ini adalah struktur dari dokumen HTML , buka Notepad kemudian ketikkan teks di bawah ini:
<HTML>
<HEAD>
<TITLE>contoh1.htm</TITLE>
</HEAD>
<BODY>
Kepala atau kop dokumen
<p>
Isi dokumen
</BODY>
</HTML>
Setelah selesai klik menu "File" menu dan pilih "Save As" . Akan muncul kotak Save yang akan
menyimpan dokumen Anda. Lalu ketikkan contoh1.htm . Pada kotak yang paling bawah Anda dapat
melihat "Save file as Type" or "Save as Type". Defaultnya adalah .txt, jadi Anda harus mengubahnya
ke All Files(*.*). Lalu Anda dapat mengklik Save.
Buka Microsoft Internet Explorer dengan mengklik Start, Program lalu pilih Internet Explorer. Internet
Explorer akan terbuka lalu Anda dapat memilih menu File, Open lalu cari lokasi file di disket Anda.
Struktur di atas diapit oleh tag <HTML> dan </HTML> yang menandai awal dan akhir dari sebuah
dokumen yang digunakan untuk menyisipkan informasi mengenai dokumen, misalkan versi, revisi dan
sebagainya. Sedangkan bagian ya
ng diapit oleh tag <TITLE> dan
</TITLE> menunjukkan judul dari
halaman web Anda.
Bagian kedua yang diapit <BODY> dan </BODY>
berisi dokumen atau informasi yang hendak
disajikan.
3.3
Headings
Heading digunakan untuk menampilkan nama bab atau bagian tertentu yang dianggap sebagai topik
utama. Pada HTML terdapat enam level heading mulai dari tag <H1> sampai dengan <H6>. Anda juga
dapat menggunakan tag untuk mengatur ukuran font, misalkan yang terbesar dengan <H1> atau
membuatnya paling kecil dengan <H6> namun tag ini bukan digunakan untuk keperluan tersebut.
2
3.3.1
Mengatur Posisi Heading
Posisi heading pada dokumen HTML dapat Anda tentukan sendiri. Artinya teks yang berfungsi sebagai
heading dapat Anda tempatkan di kiri, kanan, atau di tengah dalam dokumen.Untuk mengatur posisi
heading, Anda dapat menggunakan atribut ALIGN pada tag heading. Nilai dari atribut ALIGN dapat
diisi dengan salah satu nilai, left untuk perataan sebelah kiri, right untuk perataan sebelah kanan, atau
center untuk menuliskannya tepat di tengah.
Berikut ini adalah contoh penulisan atribut align pada tag heading:
<HTML>
<HEAD>
<TITLE>contoh2.htm</TITLE>
</HEAD>
<BODY>
<H1 Align="Left"> Heading rata kiri </H1><BR>
<H2 Align="Right"> Heading rata kanan </H2><BR>
<H4 Align="Center"> Heading rata tengah </H4>
</BODY>
</HTML>