 |
| HTML |
<HTML>
<HEAD>
<TITLE>Latihan HTML</TITLE>
</HEAD>
<!-- Ini merupakan suatu komentar -->
<BODY>
Hello World<BR>
Belajar html Semoga Sukses !
</BODY>
</HTML>
<HEAD>
<TITLE>Latihan HTML</TITLE>
</HEAD>
<!-- Ini merupakan suatu komentar -->
<BODY>
Hello World<BR>
Belajar html Semoga Sukses !
</BODY>
</HTML>
2. Menggunakan tag <P> untuk membuat paragraph; tag judul <H1> s/d <H6> untuk
pembesaran huruf.
<HTML>
<HEAD>
<TITLE>Contoh Pengaturan Judul</TITLE>
</HEAD>
<BODY>
<H1 ALIGN = “CENTER”> Burung Cendrawasiah </H1><P>
Keindahan Cendrawasih<BR>
mempunyai pesona tersendiri<BR>
</BODY>
</HTML>
<HEAD>
<TITLE>Contoh Pengaturan Judul</TITLE>
</HEAD>
<BODY>
<H1 ALIGN = “CENTER”> Burung Cendrawasiah </H1><P>
Keindahan Cendrawasih<BR>
mempunyai pesona tersendiri<BR>
</BODY>
</HTML>
3. Membuat garis horizontal <HR>
<HTML>
<HEAD>
<TITLE>Atribut NOSHADE pada Tag HR</TITLE>
</HEAD>
<BODY>
<H1>Pesona Indonesia</H1>
<HR SIZE = "10" NOSHADE>Bermacam Suku<BR>
Bahasa satu <BR>
Bahasa Indonesia<BR>
</BODY>
</HTML>
<HEAD>
<TITLE>Atribut NOSHADE pada Tag HR</TITLE>
</HEAD>
<BODY>
<H1>Pesona Indonesia</H1>
<HR SIZE = "10" NOSHADE>Bermacam Suku<BR>
Bahasa satu <BR>
Bahasa Indonesia<BR>
</BODY>
</HTML>
4. Menggunakan tag <DIV> untuk mengelompokkan sejumlah baris teks yang memiliki karakteristik
yang sama.
<HTML>
<HEAD>
<TITLE>Tag DIV</TITLE>
</HEAD>
<BODY>
<DIV ALIGN = "RIGHT">
<H1><U>Indonesia</U></H1>
<H2>Negara Kesatuan</H2>
<H2>Republik Indonesia</H2>
</DIV>
<HR>
</BODY>
</HTML>
<HEAD>
<TITLE>Tag DIV</TITLE>
</HEAD>
<BODY>
<DIV ALIGN = "RIGHT">
<H1><U>Indonesia</U></H1>
<H2>Negara Kesatuan</H2>
<H2>Republik Indonesia</H2>
</DIV>
<HR>
</BODY>
</HTML>
PENGATURAN TEKS
1. Penggunaan <PRE> untuk menampilkan teks.
<HTML>
<HEAD>
<TITLE>Praformat </TITLE>
</HEAD>
<BODY>
<H2>Daftar Harga:</H2>
<PRE>
Flasdisk..........135.000
Modem...........160.000
HDD...............760.000
</PRE>
Harga sewaktu-waktu dapat berubah.
</BODY>
</HTML>
<HEAD>
<TITLE>Praformat </TITLE>
</HEAD>
<BODY>
<H2>Daftar Harga:</H2>
<PRE>
Flasdisk..........135.000
Modem...........160.000
HDD...............760.000
</PRE>
Harga sewaktu-waktu dapat berubah.
</BODY>
</HTML>
2. Pengaturan Font : Face (untuk jenis Font), Size (untuk ukuran Font), Color (untuk warna)
<HTML>
<HEAD>
<TITLE>Jenis Font</TITLE>
</HEAD>
<BODY>
Normal: 012345ABCD<BR>
<FONT COLOR="blue" FACE = "Arial">Arial:
012345ABCD</FONT>
<BR>
<FONT COLOR="green" FACE = "Courier" SIZE="5">
Courier: 012345ABCD</FONT>
<BR>
</BODY>
</HTML>
<HEAD>
<TITLE>Jenis Font</TITLE>
</HEAD>
<BODY>
Normal: 012345ABCD<BR>
<FONT COLOR="blue" FACE = "Arial">Arial:
012345ABCD</FONT>
<BR>
<FONT COLOR="green" FACE = "Courier" SIZE="5">
Courier: 012345ABCD</FONT>
<BR>
</BODY>
</HTML>
Sumber : PENS-ITS
Tags
html