Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Save to My Library
Look up keyword
Like this
4Activity
0 of .
Results for:
No results containing your search query
P. 1
Apa Itu HTML

Apa Itu HTML

Ratings: (0)|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, InternetExplorer dll).Dan protokol ini sewaktu melakukan transfer, dokumen atau data webnya denganmenggunakan format HTML. HTML sendiri adalah singkatan dari "hypertext markuplanguage". 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 olehwebserver 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 beberapahal teknis yang tidak perlu diketahui pada saat ini.Yang kita butuhkan adalah sebuah program text editor yang sederhana seperti NotePadatau 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 kepadaangka 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, dengandibatasi 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. Iniadalah huruf-huruf yang populer <FONT FACE="Helvetica, Times New Roman, Arial>- COLOR: Menerangkan warna dari huruf dengan namanya atau dengan angkaRGB/HEX.Contoh:<FONT SIZE="4" FACE="Arial" COLOR="Red"> Tulisan ini akan berbeda denganyang 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 adalahcontoh 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 inimenerangkan "default text" yang akan digunakan pada seluruh bagian dari halamantersebut. Perlengkapan yang jadi satu bagian dari FONT tag dapat diterima. FONT tagtersebut 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 ukurankecil. 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 padaawal 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 Andatuju (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 HorizontalUntuk mambuat garis horisontal anda dapat enggunakan tag <HR>, Tag ini adalah sangataman karena dapat di set ukurannya sesuai dengan resolusi dari layar. Garis di bawah initidak akan menyebabkan persoalan pada semua resolusi layar monitor. Tempatkan tag inidi 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 akandimunculkan 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 HTMLisi dokumen akan dimulai dari bagian ini-->

Activity (4)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads
ieka09 liked this
jij81 liked this

You're Reading a Free Preview

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