Sekilas Tentang Web
World Wide Web atau yang lebih dikenal dengan web saja, merupakan salah satu suber
daya internet yang sangat berkembang pesat. Web didistribusikan dengan
pendekatan hypertext. Pendekatan Hypertext adalah pendekatan yang
memungkinkan suatu text pendek membuka suatu dokumen lainnya.
Pada awalnya aplikasi web hanya
dibangun dengan bahasa HTML ( Hypertext
mark up language ) yang menggunakan protokol HTTP (hypertext transfer protocol). Protokol adalah suatu kumpulan
aturan-aturan atau tatacara untuk berkomunikasi. Web terdiri dari :
Web
statis : dibentuk dengan menggunakan HTML, meskipun terkadang disisipkan
javascript dan CSS untuk dapat mempercantik tampilannya. Kekurangan aplikasi
ini terletal pada keharusan memelihara program (menggantinya jika ada yang
ingin diubah). Kelemahan ini bisa diatasi dengan web dinamis.
Web
dinamis : web yang diperkaya dengan kemampuan menangani perubahan data melalui
database bukan melalui programnya.
BERKENALAN DENGAN
WEB STATIS
Aturan
main bagi HTML:
Ø Pasangan tag <HTML> dan </HTML> menandakan bahwa kode yang
terdapat didalamnya adalah kode HTML sehingga browser (Internet explorer,
netscape, mozilla dsb) akan menerjemahkannya sebagai dokuman HTML.
Ø Bagian yang terdapat dalam tag HTML adalah tag <HEAD> ..
</HEAD> serta tag <BODY> .. </BODY>.
Ø Pada tag head terdapat tag <TITLE> .. </TITLE> tempat
menuliskan judul dokumen.
Ø Tag-tag dalam HTML tidak case
sensitive artinya tidak ada perbedaan jika jika menuliskan dengan kapital,
kecil atau kombinasi keduanya.
Ø Beberapa tag dalam HTML memiliki dapat memiliki atribut seperti tag
<P> atau tag <FONT> . misal : <P align = “Justify”> atau
<FONT face =”verdana”>
Ø Hindari pasngan tag yang berseberangan, bisa jadi hasil yang diberikan
tidak benar karenanya. Biasakanlah menuliskan tag-tag dengan tertib.
Ø Komentar adalah bagian dari HTML yang diabaikan oleh browser. Komentar
tidak akan ditampilkan. Contoh : <!- -INI KOMENTAR- ->.
HTML
(Hypertext Markup Language)
PENGATURAN TEXT
Kali ini kita akan berkenalan dengan beberapa tag-tag dasar
dalam HTML. Seperti kita ketahui pada tag title kita akan menuliskan judul dari
dokumen dan akan ditampilkan pada bagian atas /kepala browser. Berikut adalah
sejumlah tag yang akan kita kenali untuk pertama kalinya:
o Tag <BR> untuk ganti baris atau meletakkan teks selanjutnya
dibawah teks sebelumnya.
o Tag <P> atau tag paragraf. Sama saja dengan kita menggunakan dua
tag <BR> hanya saja pada tag ini kita dapat tambahkan atribut yang lain
seperti alignment.
o Tag Header digunakan untuk mengatur ukuran teks yang akan digunakan
sebagai judul dalam sebuah dokumen. HTML dalam hal ini menyediakan 6 ukuran,
yaitu : <H1>..</H1> sampai <H6>..</H6>. Tag ini juga
dapat membawa atribut.
o Tag <HR> untuk membuat garis horizontal. Tag ini dapat membawa
atribut antara lain SIZE untuk mengatur ketebalan, WIDTH untuk mengatur lebar,
ALIGN untuk mengatur peletakan garis dan NOSHADE agar garis tidak berbayang.
Untuk lebih jelasnya anda dapat ketikkan dokumen berikut ini dan lihat
apa yang terjadi.
Ketikan contoh
program berikut ini :
<Html>
<head>
<title>Dokumen
pertama</title>
</head>
<body>
<h1>All About
Anime</h1>
<hr size ="10"
noshade>
<h2 align
="center">The Most Popular Anime In The World</h2>
<p align
="Justify"> One of the most popular anime in the world right know
is naruto.<br>
This japanese anime spread
from asia, europe to america. <br> This anime tell about the boy named
naruto who really want to be a hokage. He want to be person who protect the
konoha village and person. His way is not easy. The people in konoha hate him
becouse he is a jinchuriki. So he has to work hard to change the people opinion
about him and make his dream becomes true.
</p>
<hr align
="center" width ="25%">
<h3 align
="left">The Most Popular Character</h3>
<p align
="left">
In
naruto anime beside naruto as the main character, they are many popular
character. they became more popular than the other becouse they have uniq
character and their fans love it. Example Sasuke uchiha from uchiha clan, Hyuga
neji from Hyuga family, Sabaku gara from dess
</p>
<hr>
<h4 align
="right">Ability of each character</h4>
<hr>
<h5>The Main
Story</h5>
<hr>
<h6>Still you can see
this text?</h6>
<center>
<small>This
world is going crazy. The anime maniac don't have a brain more right now. They
will love each character like they are realy alive. Example the hysteria to
kakashi the teacher of naruto. When the manga author said that he makes kakashi
die, his fans around the world cry and they promise will not read or watch
naruto if kakashi realy die.</small> <big>It is crazy
is'nt.</big>
</center>
</body>
</Html>
Simpanlah dengan
nama pertama.html.
Ekstensi html akan menunjukkan bahwa dokumen tersebut adalah html yang sudah
dikenali oleh browser.
Jalankan dokumen
pertama.html pada browser yang ada (mis. Internet Explorer atau mozilla). Perhatikan perubahan apa saja yang
terjadi.