1. MENGENAI HTML (Hypertext Markup Language )
Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen American Standard Code for Information Interchange (ASCII) atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners‐Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh Browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
2. PERINTAH DASAR HTML
Informasi di dalam WWW (Word Wide Web ) menggunakan format HTML. Didalam HTML kita mengenal Hyper Text yaitu adanya link ke suatu dokumen, suatu alamat mesin bahkan ke suatu gambar, suara. Banyak software yang digunakan untuk membuat WWW dengan format HTML. \
Yang akan kita bahas disini adalah yang paling dasar yaitu mengunakan notepad, dimana notepad lah software yang biasanya langsung udah ada dikomputer pada saat komputer aktif, dan notepad biasanya terletak pada accesories.
Untuk memulai menggunakan HTML, langkah pertama adalah mengetikkan tag pembuka dan penutup HTML yang biasa dikenal dengan element HTML yaitu dibuka dengan <HTML> dan ditutup dengan </HTML>. Kemudian diisi dengan tag, element dan attribute lainnya.
Langkah pertama yang dilakukan yaitu :
- Klik notepad
- Simpan file dalam suatu folder dalam format nama_file.HTML
- Kemudian jalankan dengan Browser anda
- Cara menjalakan
o Klik Run, cari nama file HTML/htm
o Klik Ok
<H1> sampai <H6>
<H1> </H1>font ukuran besar
<H2> </H2>
�. �.
<H6> </H6>font semakin kecil
<HR>
|
Adapun perintah perintah dasar dari HTML adalah sebagai berikut :
Fungsi : perintah untuk membuat garis horizontal penuh layar
Fungsi Dasar dari Perintah HTML :
- <I>
o Fungsi : membuat teks miring
- <B>
o Fungsi : membuat teks tebal
- <U>
o Fungsi : membuat teks bergaris bawah
- <CENTER>
o Fungsi : membuat text ke tengah layar
- <ALIGN>
o Fungsi : Membuat teks rata kiri dan rata kanan
Ø Sintak :
· <P ALIGN=right>untuk rata kanan
· <P ALIGN=left>untuk rata kiri
· <P ALIGN=center>untuk rata tengah
· <P ALIGN=justify>untuk rata kiri dan rata kanan atau,
<H?ALIGN=right>
<H?ALIGN=left>
<H?ALIGN=center>
<H?ALIGN=justify>
Contoh pemakaian :
<H2 Align=right>Selamat Datang Ke Website Kami <H2>
- <BR>
o Fungsi : memasukkan fungsi enter
Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
- <!->
o Fungsi : membuat komentar
Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
- <P>
o Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain.
- <DD>
o Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam.
- <BASEFONT>
o Fungsi : Mengubah ukuran font
<BASEFONT SIZE=6>
WELCOME TO MY WEBSITE
<B>WELCOME TO MY WEBSITE DAN TEBAL</B>
|
Contoh :
- <FONT>
o Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib.
- <FACE>
o Fungsi : mengubah jenis font
- <SUP>
o Fungsi : membuat cetak naik suatu teks
Contoh :
Kami adalah yang pertama : 1stin the world
- <SUB>
o Fungsi : membuat suatu teks cetak turun
Contoh teks cetak turun :
H2O (Disebut Air) dan
- <UL> atau Unorder List
o Fungsi : membuat bullet
- <LI>
o Fungsi : juga untuk membuat bullet
Ø Catatan : perintah <LI> harus berada dalam perintah OL,UL,DIR,Menu
Contoh :
<UL>
<LI>
<H2> Jawa Timur </H2>
<UL>
<LI> SURABAYA </LI>
<LI> MALANG </LI>
<LI> GRESIK </LI>
</UL>
</LI>
</BR>
<LI>
<H2> Jawa Barat </H2>
<UL>
<LI> Bandung </LI>
<LI> Sukabumi </LI>
<LI> Bogor </LI>
</UL>
</LI>
</UL>
|
- <IMGSRC>
o Fungsi : memasukkan gambar ke dalam Website
Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
Sintak : <IMG BORDER=�5�>
�5� merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
- <BGSOUND>
o Fungsi : memasukkan suara atau musik ke dalam Website
Sintak : <BGSOUND loop=infite src=�d:/Selamat datang.WAV�>
1. Link dengan sorot
Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
<HTML>
<HEAD>
<TITLE> </TITLE>
<META Name=�description�Content=� �>
<META Name=�keywords�Content=� �>
<META Name=�generator�Content=�Cute HTML�>
</HEAD>
<BODY BG Color=�#FFFFFF�Text=�#000000=�#�0000FF�VLink=�#800080�>
<Center>
<A href=� �target=main on mouse over=�Window.open(�D:\bhojess\wamp\www\keterangan.HTML�):�>
<Font Size=3 FACE=Arial Color=#804000> Keterangan </FONT> </e>
</CENTER>
</BODY>
</HTML>
|
2. Link dengan tombol
Berikut adalah contoh program link dengan tombol
Sintak :
<Input type=button Value=Nama Tombol
On Click=parent.location=Link anda disini>
Contoh :
a. Buatlah link dengan nama
- tentang_kami.HTML
- produk_kami.HTML
- cara_memesan.HTML
< HTML >
< HEAD >
< TITLE > </TITLE>
< META name=description Content=>
< META name=keywords Content=>
< META name= generator Content=Cute HTML>
< /HEAD >
< BODY BGCOLOR=#FFFFFF Text=#000000 Vlink=#800080 >
< Center >
< h1 > PT.OCTA >
< Input Type=button value=Tentang Kami on click=parent.location=c:/website/tentang_kami.HTML >
< Input Type= button value= Produk Kami on click= parent.location= c:/gambar/produk_kami.HTML>
< Input Type= button value=cara memesan on click=parent.location=c:/gambar/cara_memesan.HTML>
< /Center >
< /Body >
< /HTML >
|
b. Kolom
< tr > adalah perintah untuk membuat kolom pada notepad.
Berikut adalah contoh perintah cara membuat kolom pada notepad :
< HTML >
< head >
< title > Belajar membuat kolom < /title >
< /head >
< H3 Align= Center > DAFTAR MAHASISWA < H3 >
< table border= border color= red
< tr >
< td > No
< td > Nama
< td > Alamat
< td > No. Phone
< td > Gambar
< /tr >
< tr >
< td > 1
< td > Octa
< td > Padang Bulan
< td > 8214773
< td > < Img src= D:\bhojess\wamp\www\bhojess.JPG >
< /tr >
|
c. Membuat Frame
o Framecols : membagi layar dalam bentuk kolom
o Frame Rows : membagi layar dengan bentuk baris
o Frame Src : menampilkan file dalam frame
Bentuknya :
(Frame cols= 30%,)
(Frame src= Nama.file Name= Teks)
(Frame Rows= 40%,)
(Frame src= Nama.file Nama= teks)
(Frame src= Nama.file Nama= Teks)
(/Frameset)
Contoh Program Frame :
< HTML >
< Head >
< Title >Melink dengan sorot < /Title >
< /Head >
< Frameset cols=30%,>
< Frame src=Nama file Nama= Teks>
< Frame Rows= 40%%, >
< Frame src= Gambar File Nama= Gambar>
< Frame src= Nama File Nama= Teks >
< /Frameset >
