You are on page 1of 8

MODUL I

DASAR – DASAR HTML


• Struktur Dasar HTML
• Pengaturan Warna Teks & Background
• Format Font, Paragraf, Alignment
• Superscript, Subscript
• Pemakaian Karakter Khusus
• Tag <HR> untuk membuat garis
• Tag <BR> untuk ganti baris
STRUKTUR DASAR HTML
<HTML>
<HEAD>
<TITLE>
Judul web anda letakkan disini
</TITLE>
</HEAD>
<BODY>
Isi dari web anda letakkan disini
</BODY>
</HTML>
BACKGROUND DAN
WARNA TEKS
<HTML>
<HEAD>
<TITLE>Karya Pertamaku</TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>
PENGATURAN TEKS
<HTML>
<HEAD>
<TITLE>Tipe-tipe Teks</TITLE>
</HEAD>
<BODY>
Ada tiga macam tipe tulisan yang sering digunakan dalam
penulisan dokumen yaitu tulisan <B>tebal</B>, tulisan
<I>miring</I> dan tulisan <U>bergaris bawah</U>. Bisa pula
dua tipe dipadukan misalnya <B><I>tebal dan miring</B></I>,
<B><U>tebal dan bergaris bawah</B></U> atau <I><U>miring
dan bergaris bawah</I></U>.
</BODY>
</HTML>
HEADING
<HTML>
<HEAD>
<TITLE>Tipe-tipe Header</TITLE>
</HEAD>
<BODY>
<H1>Header level 1</H1>
<H2>Header level 2</H2>
<H3>Header level 3</H3>
<H4>Header level 4</H4>
<H5>Header level 5</H5>
<H6>Header level 6</H6>
</BODY>
</HTML>
PARAGRAF
<HTML>
<HEAD>
<TITLE>Contoh Penataan Paragraf</TITLE>
</HEAD>
<BODY>
<P>paragraf rata kiri adalah default
<P align="center">paragraf di tengah
<P align="right">paragraf rata kanan
<P align="justify">paragraf rata kiri dan kanan
<PRE> Akan tampil apa adanya </PRE>
</BODY>
</HTML>
PENGATURAN FONT
<HTML>
<HEAD>
<TITLE>Contoh Pengaturan Font</TITLE>
</HEAD>
<BODY>
<FONT FACE="Arial" SIZE="2">Font Arial ukuran 2
</FONT><BR><HR>
<FONT FACE="Verdana" COLOR="red">Font Verdana warna
merah</FONT><BR><HR>
<FONT FACE="Impact” SIZE="5" COLOR="blue">Font
Impact ukuran 5 warna biru</FONT>
</BODY>
</HTML>
SUPERSCRIPT DAN
<HTML>
SUBSCRIPT
<HEAD>
<TITLE>Contoh Superscript dan Subscript</TITLE>
</HEAD>
<BODY>
Tulisan Normal
<SUB>Tulisan Subscript</SUB>
<P>Tulisan Normal
<SUP>Tulisan Superscript</SUP>
</BODY>
</HTML>

You might also like