Professional Documents
Culture Documents
Sebelum kita mengenal apa itu HTML ada baiknya kita mengetahui dulu apa itu HTTP
(hypertext transer protokol). HTTP merupakan protokol yang digunakan untuk
mentransfer data atau dokumen antara web server ke web browser (Netscape, Internet
Explorer dll).
Dan protokol ini sewaktu melakukan transfer, dokumen atau data webnya dengan
menggunakan format HTML. HTML sendiri adalah singkatan dari "hypertext markup
language". Disebut dengan markup language karena HTML berfungsi untuk
memperindah file tulisan (text) biasa untuk dapat dilihat pada web browser-web browser
yang ada.
Setiap dokumen HTML harus diawali dengan tag <HTML>. Tag ini digunakan oleh
webserver dan web browser untuk berkomunikasi. Tag ini akan memberitahukan web
browser bahwa yang dikirim adalah dokemen HTML. Tag ini harus berda di baris
pertama pada dokumen HTML.
Tag <HTML> mempunyai tag penutup, tag ini digunakan untuk memberitahu browser
akhir dari dokumen HTML. Tag penutup untuk tag <HTML> adalah </HTML>. Tag
penutup ini harus berada di baris terkahir pada dukemen HTML.
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Mari kita mulai untuk membuat sebuah halaman web untuk yang pertama kalinya. Untuk
membuatnya benar-benar sangat gampang, untuk itu kita akan menghilangkan beberapa
hal teknis yang tidak perlu diketahui pada saat ini.
Yang kita butuhkan adalah sebuah program text editor yang sederhana seperti NotePad
atau WordPad. Ikutilah langkah-langkah berikut :
Tulishlah kode-kode berikut :
<HTML>
<HEAD>
<TITLE>Halaman Web Saya </TITLE>
</HEAD>
</HTML>
Simpanlah file tersebut dengan nama “belajar.html”
Buka file tersebut dengan menggunakan internet explorer
Tag-Tag HTML
<FONT> tag ini menerangkan bahwa sebuah tulisan mempunyai beberapa pelengkap.
Pelengkapnya adalah: Ukuran (SIZE), FACE, dan Warna (COLOR)
- Ukuran (SIZE): Menerangkan ukuran dari tulisan antara angka 1-7, tergantung kepada
angka 1 adalah yang terkecil dan angka 7 adalah yang terbesar.
- FACE: Menerangkan huruf aktual yang Anda mau tampilkan jika huruf ini terinstal
pada komputer pengguna. Anda diperbolehkan mempunyai 3 pilihan huruf, dengan
dibatasi oleh koma. Semua batasan (spaces) pada nama huruf harus diganti dengan "garis
bawah" ( _ ). Huruf yang Anda pilih harus ada pada komputer si pengunjung. Jika tidak,
maka komputer akan lanjut ke pilihan huruf yang kedua (jika ada). Jika tidak ada huruf
yang ditemukan, maka huruf yang menjadi default yang akan ditampilkan oleh komputer.
Untuk menjamin gabungan tulisan itu agar terlihat adalah merubahnya menjadi grafik. Ini
adalah huruf-huruf yang populer <FONT FACE="Helvetica, Times New Roman, Arial>
- COLOR: Menerangkan warna dari huruf dengan namanya atau dengan angka
RGB/HEX.
Contoh:
<FONT SIZE="4" FACE="Arial" COLOR="Red"> Tulisan ini akan berbeda dengan
yang lain. </FONT>
Untuk memformat teks, gunakanlah tag <b></b> untuk mencetak tebal, tag <u></u>
untuk cetak miring dan <u></u> untuk membuat teks bergaris bawah. Berikut ini adalah
contoh penggunaan tag-tag tersebut.
<b>This is bold</b>
<u>This is underlined</u>
<i>This is italic</i>
Perintah Header
Perintah Header digunakan untuk menampilkan Judul Bab atau Subbab darl isi dokumen.
Ukuran header biasanya lebih besar darl ukuran isi body dokumen. Namun, disediakan
juga ukuran
kecil. HTML menyediakan hingga 6 (enam) ukuran header, mulai dari <HI>, <H2>,
hingga <H6>.
Contoh :
<H1> Heading 1 </H1>
<H2> Heading 2 </H2>
<H3> Heading 3 </H3>
Seperti dikemukakan di awal, bahwa dokumen HTML akan secara otomatis pindah baris
bila pada baris tersebut tidak mencukupi lagi. Bila suatu dokumen akan dibuat dalam
paragraf atau alinea yang berbeda, maka diperlukan perintah pindah atau ganti paragrap,
yaitu <P> (yang berarti paragraf) yang dituliskan pada akhir paragraf lama atau pada
awal pragraf. Perintah <P> ini boleh tidak menggunakan tutup tag </P> seperti lazimnya.
Adakalanya sebuah dokumen akan pindah ke baris berikutnya, tetapi masih dalam satu
paragraf atau alinea, maka perintah yang digunakan adalah <BR> yang berarti break.
Perintah ini diberikan sesudah teks terakhir atau awal teks berikutnya.
Kebanyakan anchor ditulis dalam bentuk <A HREF="URL">, dimana HREF berarti
"Hypertext Reference", dan URL adalah "The Uniform Resource Locator" yang Anda
tuju (link). Sebagai contoh, alamat Web Server Unila adalah: http://www.unila.ac.id/.
Sebuah kalimat yang berisi sebuah link ke alamat tersebut akan terlihat seperti ini:
<a href="http://www.unila.ac.id">Link1</a>
Tag Comment
Tag komentar adalah tag yang digunakan untuk memberi catatan dalam halaman HTML.
Dengan menggunakan Tag ini maka semua teks yang ada didalam tag ini tidak akan
dimunculkan di browser. Komentar pada HTML dapat dibuat dengan menggunakan tag
pembuka <!-- dan tag penutup -->. Berikut ini contoh penggunaan tag Comment
<HTML>
<HEAD>
<TITLE>Selamat Datang Di Web Saya
</TITLE>
</HEAD>
<BODY>
<!—ini adalah awal dari Body halaman HTML
isi dokumen akan dimulai dari bagian ini-->
<!—Contoh penggunaan Heading1-->
<H1>Sedang Belajar HTML.</H1>
<!—akhit dari Heading-->
</BODY>
</HTML>
Ada beberapa metode untuk menampilkan daftar dalam HTML, diantaranya adalah bullet
dan list. Berikut ini akan dijelaskan cara menggunakan bullet dan list. Untuk
menampilkan daftar dengan format bullet maka gunakan tag pembuka <Ul>, untuk
masing-masing daftar gunakan tag <LI> tanpa menggunakan tag penutup <LI>, gunakan
tag </UL> untuk mengakhiri daftar.
<UL>
<LI>HTML
<LI>Dreamwever
<LI>penggunaan JavaScript
<LI>Uploading/hosting
</UL>
Untuk membuat daftar dengan format penomoran maka gantilah penggunaan tag <UL>
dan </UL> dengan tag <OL> dan /OL>
<OL>
<LI>HTML
<LI>Dreamweaver
<LI>Penggunaan Javascript
<LI>Uploading/Hosting
</OL>