P. 1
Apa Itu HTML

Apa Itu HTML

|Views: 229|Likes:
Published by budy.satriyo

More info:

Published by: budy.satriyo on May 16, 2009
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

09/22/2010

pdf

text

original

Apa itu HTML

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. Struktur Dokumen HTML 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> Membuat Halaman Web 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> Huruf Tebal/Miring dan Garis Bawah 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> Huruf Dasar (Base Font) Tag ini ditempatkan disebelah kanan bawah dari BODY tag Anda dan tag ini menerangkan "default text" yang akan digunakan pada seluruh bagian dari halaman tersebut. Perlengkapan yang jadi satu bagian dari FONT tag dapat diterima. FONT tag tersebut akan me-overwrite setting dari BASEFONT. Contoh: <BASEFONT SIZE=2 FACE="Arial, Helvetica" COLOR="red"> 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> Perintah Ganti Paragraf 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. Perintah Ganti Baris 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. Membuat Link (HREF) 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> Membuat Garis Horizontal Untuk mambuat garis horisontal anda dapat enggunakan tag <HR>, Tag ini adalah sangat aman karena dapat di set ukurannya sesuai dengan resolusi dari layar. Garis di bawah ini tidak akan menyebabkan persoalan pada semua resolusi layar monitor. Tempatkan tag ini di bagian BODY manapun pada dokumen HTML anda. Penggunaan tag ini tidak memerlukan tag penutup. 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> Bullet dan List 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>

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->