Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more ➡
Download
Standard view
Full view
of .
Add note
Save to My Library
Sync to mobile
Look up keyword
Like this
8Activity
×
0 of .
Results for:
No results containing your search query
P. 1
Membuat Dokumen HTML

Membuat Dokumen HTML

Ratings: (0)|Views: 4,061|Likes:
Published by ukey_92

More info:

Published by: ukey_92 on Sep 30, 2009
Copyright:Attribution Non-commercial

Availability:

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

02/27/2013

pdf

text

original

 
Membuat Dokumen HTML
Dokumen HTML merupakan Teks murni (ASCII) dengan kode-kode special. Maksudnyaadalah dokumen HTML hanya akan berisi Tulisan berupa
Huruf 
,
 Angka
,
tanda baca
dan
karakter-karakter lainnya
termasuk
itu sendiri.Membuat dokumen HTML sebenarnya dapat dilakukan dengan 2 cara, yaitu dengan caramanual dan dengan cara menggunakan HTML Editor. Cara manual memerlukan banyaktenaga dan waktu karena anda akan banyak melakukan pengetikan, sedangkan kalaumenggunakan HTML Editor seperti MS Front Page, Asymetrix WEB Publisher, MacroMedia BackStage dll, akan mempermudah pekerjaan anda termasuk tenaga dan waktu.
Apa yang dibutuhkan?
Anda hanya memerlukan sebuah program penyunting teks untuk membuat dokumenHTML. Penyunting teks disini yang saya kira cukup untuk digunakan adalah Write/WordPad, Note Pad, walaupun masih banyak penyunting teks lainnya seperti MS Word dsb.
Bentuk Umum HTML
Dibawah ini ada contoh/bentuk umum dari sebuah dokumen HTML yang akan terlihatpada waktu kita membukanya dengan menggunakan Text Editor atau NotePad:<HTML><TITLE>Anak Irian's Home Page</TITLE><BODY>Hallo apa kabar?<BR>Mudah-mudahan kabarnya Baik.</BODY></HTML>Dari contoh diatas jika anda membuka file ini dengan menggunakan MicroSoft InternetBrowser atau Netscape, anda hanya akan melihat tulisan:
Hallo apa kabar?Mudah-mudahan kabarnya Baik.
Tanda '
/
' atau "
</>
" menandakan akhir perintah tag, entah itu untuk
</HEAD>
,
</TITLE>
dsb.
 Jika ada Pembuka, harus ada Penutupnya juga!
Keterangan:
<HTML>Pembuka/Awal setiap membuat suatu dokumen HTML.
</HTML>Penutup/Akhir dari suatu dokumen HTML.
<TITLE>Tag Pembuka untuk Judul Halaman/dokumen HTML.
</TITLE>Tag Penutup untuk Judul Halaman/dokumen HTML.
<BODY>Tag Awal dari Apa yang akan diketikan/diisi pada Dokumen HTML.
</BODY>Tag Penutup dari sisan dokumen HTML.
 
<BR> Tag untuk memisahkan satu baris menjadi dua baris
Yang harus diingat adalah:
Apa yang kita ketikan di NotePad dengan yang akan ditampilkan sebagai suatu dokumendi Internet akan kelihatan beda.
Kode-kode TAG HTML dan Contohnya
Saya akan menjelaskan secara singkat mengenai kode-kode Tag pada HTML.
<!--Isian Komentar anda -->
Untuk mengisi Komentar anda (untuk mempermudah perbaikan atau koreksi)Semua ketikan yang diapit oleh tag
<!-- -->
tidak akan tampil saat dokumen dibukaoleh browser.
Contoh:
<!--Aturan Warna, Huruf dan Link Mulai dari sini-->
<A HREF>
Untuk membuat Link ke halaman lain atau halaman yang sama dengan topic tertentu.
Contoh:
 Klik disini untuk<A HREF="halaman2.htm">Pindah ke halaman 2</A>
Hasilnya:
Klik disini untukPindah ke halaman 2
Contoh2:
<A HREF="http://www.yahoo.com/">Klik disini</A>untuk ke Yahoo!
Hasilnya:
 Klick disiniuntuk ke Yahoo!</A>Menutup suatu Link.
<A NAME>
Membuat nama jangkar untuk Link ke tempat tertentu pada halaman yang samaataupun yang berbeda berdasarkan topic yang diinginkan.
Contoh:
<A NAME="kodetaghtml">Kode-kode TAG HTML dan Contohnya</A>
Contoh2:
<A HREF="index.htm#kodetaghtml">Kode-kode TAG HTML</A> </A>Menutup suatu Link.
<B>
Membuat Text yang berada diantara kedua Tag menjadi Tebal (bold)
Contoh:
<B>Peringatan!</B>Pemerintah.
Hasilnya:
Peringatan Pemerintah.
Contoh2:
Peringatan!<B>Pemerintah</B>.
Hasilnya:
Peringatan Pemerintah.
 
<BGSOUND>
Menambahkan bunyi, baik itu file MID ataupun WAVE pada dokumen HTML anda.
Contoh:
<BGSOUND SRC=" jazz.mid">
Contoh2:
<BGSOUND SRC="tada.wav">
<BODY>
Menentukan warna atau gambar latar belakang dokumen, warna text, jenis huruf, warnaLink, warna Link yang telah dikunjungi serta link yang aktif.BGCOLOR= Warna latar belakangBACKGROUND= Gambar latar belakangFONT SIZE= Ukuran Huruf FONT COLOR= Warna Huruf LINK= Warna untuk Text LinkVLINK= Warna untuk Text Link yang telah dikunjungi
Contoh:
 <BODYBGCOLOR="FFFFFF" FONT SIZE=3FONT COLOR="000000" LINK="0000FF" VLINK="FF0000">
Contoh2:
 <BODYBACKGROUND="logo.gif "FONT SIZE=3FONT COLOR="000000" LINK="0000FF"VLINK="FF0000">
<BR>
Membagi Suatu baris menjadi Dua baris
(tanpa jarak antara kedua baris
), diletakan didepan kata/huruf yang mau dipindahkan ke baris berikutnya.
<CENTER>
Membuat Teks atau Grafis yang diapit Tag Center berada ditengah-tengah browser (AlignCenter)
Contoh:
<CENTER>Selamat Datang</CENTER>
Contoh2:
<CENTER><IMG SRC="logo.jpg"></CENTER> </CENTER>Menutup Kode Tag Center.
<FONT>
Merubah Jenis Huruf, Ukuran Huruf dan Warna Huruf. 
Contoh:
<FONT FACE="Comic Sans MS"FONT SIZE=4FONT COLOR="000000">Selamat Datang di Anak Irian's Home Page!</FONT>
Hasilnya:
Selamat Datang di Anak Irian's Home Page
 
</FONT>Penutup untuk Tag Huruf.

Activity (8)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
namirah6 liked this
Habil Macho liked this
giprutz liked this
Samsul Mora 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)//-->