HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program.
Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi :
Hypertext
Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju.
Markup
Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web.
Language
Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen
Kumpulan Tag HTML
1(!-- --) Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
2(a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
3(a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
4(applet) Sebagai awal dari Java applets
5(area) Mendefinisikan daerah yang dapat diklik (link) pada image map
6(b) Membuat teks tebal
7(basefont) Membuat atribut teks default seperti jenis, ukuran dan warna font
8(bgsound) Memberi (suara latar) background sound pada halaman web
9(big) Memperbesar ukuran teks sebesar satu point dari defaultnya
10(blink) Membuat teks berkedip
11(body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
12(br) Pindah baris
13(caption) Membuat caption pada tabel
14(center) Untuk perataan tengah terhadap teks atau gambar
15(comment) Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
16(dd) Indents teks
17(div) Represents different sections of text.
18(embed) Menambahkan sound or file avi ke halaman web
19(fn) Seperti tag (a name)
20(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
21(form) Mendefinisikan input form
22(frame) Mendefinisikan frame
23(frameset) Mendefinisikan attribut halaman yang akan menggunakan frame
24(h1 ... h6) Ukuran font
25(head) Mendefinisikan head document.
26(hr) Membuat garis horizontal
27(html) Bararti dokumen html
28(i) Membuat teks miring
29(img) Image, imagemap atau an animation
30(input) Mendefinisikan input field pada form
31(li) Membuat bullet point atau baris baru pada list (berpasangan dengan tag (dir), (menu) (ol) and (ul)
32(map) Mendefinisikan client-side map
33(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE
34(nobr) Mencegah ganti baris pada teks atau images
35(noframes) Jika browser user tidak mendukung frame
36(ol) Mendefinisikan awal dan akhir list
37(p) Ganti paragraf
38(pre) Membuat teks dengan ukuran huruf yg sama
39(script) Mendefinisikan awal script
40(table) Membuat tabel
41(td) Kolom pada tabel
42(title) Mendefinisikan title
43(tr) Baris pada tabel
44(u) Membuat teks bergaris bawah
PERINTAH-PERINTAH HTML
PERINTAH-PERINTAH HTML Sumber Modul MR. HANDRI SUNJAYA
TEKSBerikut ini adalah perintah-perintah HTML untuk penanganan TEKS.
<H1> Sampai <H6>
fungsi : untuk membuat (memilih) ukuran teks.
Sintak : <H1> </H1>
Contoh
<HTML>
<HEAD><TITLE>Contoh Heading</TITLE></HEAD>
<BODY>
<H1> Teks dengan Heading 1</H1>
<H2> Teks dengan Heading 2</H2>
<H3> Teks dengan Heading 3</H3>
<H4> Teks dengan Heading 4</H4>
<H5> Teks dengan Heading 5</H5>
<H6> Teks dengan Heading 6</H6>
</BODY>
</HTML>
<HR>
Perintah ini digunakan untuk membuat garis horizontal penuh layar
Sintaks : <HR>
Contoh :
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
<HR> Kalimat ini diapit oleh 2 buah garis<HR>
</BODY>
</HTML>
<I>
Perintah ini digunakan untuk membuat teks miring.
Sintaks : <I> </I>
Contoh
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
<I> Selamat Datang Ke Websiteku</I>
</BODY>
</HTML>
<B>
Perintah ini digunakan untuk membuat teks tebal.
Sintaks : <B> </B>
Contoh
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
<B> Selamat Datang Ke Websiteku</B>
</BODY>
</HTML>
<U>
Perintah ini digunakan untuk membuat teks bergaris bawah.
Sintaks : <U> </U>
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
<U> Selamat Datang Ke Websiteku</U>
<U><B> Selamat Datang Ke Websiteku</U></B>
</BODY>
</HTML>
<CENTER>
Perintah ini untuk membuat teks ke tengah layar.
Sintaks : <CENTER> </CENTER>
Contoh :
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
<H1><CENTER> Selamat Datang Ke Websiteku</CENTER></H1>
</BODY>
</HTML>
ALIGN
Digunakan untuk membuat teks rata kiri, tengah, kanan atau rata kanan dan kiri.
Sintaks :
<P ALIGN=right> → Rata Kanan
<P ALIGN=left> → Rata Kiri
<P ALIGN=center> → Rata Tengah
<P ALIGN=justify> → Rata Kanan dan Kiri
atau
<H ALIGN=right>
<H ALIGN=left>
<H ALIGN=center>
<H ALIGN=justify>
Contoh pemakaian :
<H2 ALIGN=center>SELAMAT DATANG </H2>
<BR> (Line Break)
Perintah ini digunakan untuk memasukan fungsi Enter. Sebagai contoh, jika perintah <BR> diberikan di akhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya.
<!–
Perintah untuk membuat KOMENTAR. Semua teks atau perintah yang diapit perintah ini tidak akan dijalankan. Ini hanya komentar untuk program.
Sintaks : <!– –>
Contoh : <!—Ini adalah contoh komentar –>
<SMALL>
Perintah untuk membuat teks berukuran kecil.
<BIG>
Perintah untuk membuat teks berukuran besar
<P> (Paragraph)
Perintah ini digunakan untuk memisahkan paragraph yang satu dengan paragraph yang lain.
Sintaks : <P> </P>
<DD>
Perintah ini digunakan untuk membuat teks atau sebuah paragraph agak masuk ke dalam.
Sintaks : <DD>
BASEFONT
Perintah ini digunakan untuk mengubah ukuran font.
Contoh :
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
<BASEFONT SIZE=6>
Teks dengan ukuran 6 pt<BR>
<B>Teks dengan ukuran 6 pt dan tebal</B>
<BASEFONT SIZE=10>
<BR>
Teks dengan ukuran 10 pt
</BODY>
</HTML>
FONT
Juga untuk mengubah ukuran font, tetapi angka yang terdapat dalam SIZE yang merupkan ukuran font harus diberi tanda kutip.
FACE
Untuk mengubah jenis font
Contoh :
<HTML>
<HEAD><TITLE> </TITLE>
</HEAD>
<BODY>
<FONT SIZE =”6” FACE=”Times New Roman”>
Teks dengan jenis font Times New Roman.
<FONT SIZE =”6” FACE=”Arial”>
Teks dengan jenis font Arial.
</BODY>
</HTML>
<SUP>
Perintah ini digunakan untuk membuat cetak naik suatu teks.
Contoh :
<HTML>
<HEAD><TITLE> </TITLE>
</HEAD>
<BODY>
Kami adalah yang pertama : 1<SUP>st</SUP> in the world.
</BODY>
</HTML>
<SUB>
Perintah ini digunakan untuk membuat cetak turun suatu teks.
Contoh :
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
H<SUB>2</SUB>O (disebut air(
</BODY>
</HTML>
<UL>
Perintah <UL> (Unordered List) adalah perintah untuk membuat daftar (list).
<LI>
Perintah <LI> (List Item) adalah perintah untuk membuat daftar (list)
CATATAN : Perintah <LI> harus berada dalam perintah OL, UL, DIR, MENU.
Contoh :
<HTML>
<HEAD><TITLE> </TITLE>
</HEAD>
<BODY>
<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>
</BODY>
</HTML>
BODY
<BODY … </BODY>
Perintah BODY adalah perintah untuk membuat warna latar belakang pada layar, mengubah warna link, mengubah warna dasar link, menampilkan pesan ketika halaman ditutup, dan lain-lain sesuai dengan atribut yang diberikan. Sedangkan BODY memiliki 8 atribut, antara lain :
| TEXT=warna | Untuk menentukan warna teks. |
| BGCOLOR=warna | Untuk mengubah warna dasar layar (halaman). |
| BACKGROUND=URL | Untuk mengatur warna latar belakang gambar. |
| LINK=warna | Untuk menentukan warna link. |
| ALINK=warna | Untuk menentukan warna link yang sedang dipilih. |
| VLINK=warna | Untuk menentukan warna link yang sudah dikunjungi. |
| ONLOAD=string | Perintah yang akan dilaksanakan ketika halaman Website selesai di Download |
| ONUNLOAD=string | Perintah yang akan dilaksanakan ketika halaman Website ditutup. |
Contoh :
<BODY BGCOLOR=”#FFFFFF” TEXT=”#000000” LINK=”#0000FF” VLINK=”#800080”>
<BODY ONUNLOAD=”window.alert(‘Terima kasih!’)”>
Tidak ada komentar:
Posting Komentar