Mengenal Tag <PRE>
Tag <PRE> pada dokumen HTML digunakan untuk melakukan preformat terhadap dokumen HTML. Artinya teks yang akan ditampilkan akan sama keadaannya seperti yang tertulis pada kode HTML nya.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<PRE>
Mbah Boedy melakukan pengembaraan
ke Bumi Parahyangan
untuk menambah wawasan dan kesaktian
</PRE>
</BODY>
</HTML>
Mengenal Tag <ACRONYM>
Tag <ACRONYM> pada dokumen HTML digunakan untuk memberi keterangan tambahan terhadap suatu istilah ataupun singkatan yang ditampilkan yang disertakan pada atribut TITLE.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Mbah Boedy sangat mendukung<BR>
upaya pemberantasan<BR>
<ACRONYM TITLE="Korupsi, Kolusi, dan Nepotisme">KKN</ACRONYM>
</BODY>
</HTML>
Mengenal Tag <FONT>
Pada dokumen HTML, tag <FONT> digunakan untuk mengubah jenis huruf, ukuran huruf, dan mengganti warna huruf. Untuk mengubah jenis huruf diatur dengan menggunakan atribut FACE, untuk mengubah ukuran huruf diatur dengan menggunakan atribut SIZE, dan untuk mengubah warna huruf diatur dengan menggunakan atribut COLOR.
Ukuran huruf terkecil adalah 1 dan ukuran terbesar adalah 7.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Ini tanpa efek FONT<BR>
<FONT FACE="ARIAL" SIZE="5" COLOR="RED">
Ini dengan efek FONT
</FONT>
</BODY>
</HTML>
Menampilkan Karakter Khusus
Beberapa karakter khusus pada dokumen HTML tidak dapat ditampilkan secara langsung pada web browser, contohnya karakter < atau > tidak dapat ditampilkan secara langsung karena karakter tersebut termasuk dalam karakter khusus dalam tag HTML. Untuk itu dibutuhkan cara penulisan yang khusus pula.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<FONT SIZE="6">
©
®
&
×
÷
<
>
½
</FONT>
</BODY>
</HTML>
Mengenal List
Pada dokumen HTML terdapat dua jenis list, yaitu unordered list dan ordered list.
Unordered list adalah suatu list yang tidak memperhatikan urutan penomoran sedangkan ordered list adalah list yang memperhatikan urutan penomoran. Untuk membuat suatu unordered list menggunakan tag <UL> sedangkan untuk membuat ordered list menggunakan tag <OL>. Dan untuk mengisikan item pada list menggunakan tag <LI>
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Menu Makanan dengan UL
<UL>
<LI>Bakso</LI>
<LI>Sate</LI>
<LI>Siomay</LI>
</UL><BR>
Menu Minuman dengan OL
<OL>
<LI>ES Jeruk</LI>
<LI>Es Teler</LI>
<LI>Es Campur</LI>
</OL>
</BODY>
</HTML>
Untuk unordered list terdapat beberapa pilihan tipe yang bisa diatur dengan mengubah atribut TYPE pada tag <UL>. Pilihan tipe yang tersedia adalah CIRCLE, DISC, dan SQUARE.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Klasifikasi Hewan
<UL TYPE="CIRCLE">
<LI>Mamalia</LI>
<LI>Reptil</LI>
<LI>Amfibi</LI>
<LI>Aves</LI>
<LI>Insecta</LI>
</UL>
</BODY>
</HTML>
Selain tipe, pada ordered list juga dapat diatur penomoran awalannya yaitu dengan mengatur nilai dari atribut START pada tag <OL>.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Klasifikasi Hewan
<OL TYPE="a" START="3">
<LI>Mamalia</LI>
<LI>Reptil</LI>
<LI>Amfibi</LI>
<LI>Aves</LI>
<LI>Insecta</LI>
</OL>
</BODY>
</HTML>
Mengenal Tag <MARQUEE>
Tag <MARQUEE> digunakan untuk menjadikan suatu teks bergerak berputar. Atribut yang terdapat pada tag <MARQUEE> adalah DIRECTION yang akan mengatur arah gerak text. Nilai yang memungkinkan untuk atribut DIRECTION adalah LEFT, RIGHT, UP, dan DOWN.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<FONT SIZE="7" COLOR="BLUE">
<MARQUEE DIRECTION=�RIGHT�>
Mbah Boedy
</MARQUEE>
</FONT>
</BODY>
</HTML>
Menambahkan Gambar Sebagai Background
Pada dokumen HTML untuk menambahkan gambar pada latar belakang / background dapat dilakukan dengan mengubah nilai dari atribut BACKGROUND pada tag <BODY> sesuai dengan nama file yang ingin dijadikan latar belakang.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY BACKGROUND="merapi.jpg">
<FONT COLOR="RED" SIZE="5">
Tempat Bertapa Mbah Marijan
</FONT>
</BODY>
</HTML>
Mengenal Tag <IMG>
Tag <IMG> pada dokumen HTML digunakan untuk menambahkan gambar pada suatu halaman web. Untuk menambahkan gambar dapat dilakukan dengan mengubah nilai atribut SRC disesuaikan dengan nama file gambar yang diinginkan.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Gambar 1
<IMG SRC="pic1.jpg">
Bunga Matahari
</BODY>
</HTML>
Mengenal Link / Hyperlink
Link / Hyperlink dalam dokumen HTML digunakan untuk berpindah dari suatu halam ke halaman lainnya. Tag yang berperan dalam membuat link adalah tag <A> atau yang biasa dikenal sebagai tag anchor / jangkar. Tag <A> akan memiliki suatu atribut yang sangat penting yaitu atribut HREF yang digunakan untuk menentukan halaman tujuan dari suatu link.
<HTML>
<HEAD>
<TITLE>Halaman Pertama</TITLE>
</HEAD>
<BODY>
<H1>Ini adalah halaman pertama</H1>
<A HREF="halaman2.html">Ke Halaman 2</A>
</BODY>
</HTML>
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar