>
<HTML>
<HEAD>
<TITLE>Paragraf dan Align</TITLE>
</HEAD>
<BODY>
<P align="left">Format paragraf ini rata kiri</P>
<P align="right">Format paragraf ini rata kanan</P>
<P align="center">Format paragraf ini rata tengah</P>
<P align="justify>Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format pargraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.</P>
</BODY>
</HTML>
<HEAD>
<TITLE>Paragraf dan Align</TITLE>
</HEAD>
<BODY>
<P align="left">Format paragraf ini rata kiri</P>
<P align="right">Format paragraf ini rata kanan</P>
<P align="center">Format paragraf ini rata tengah</P>
<P align="justify>Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format pargraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.</P>
</BODY>
</HTML>
Screenshot
2. Daftar
<HTML>
<HEAD>
<TITLE>Bullets dan Numbering</TITLE>
</HEAD>
<BODY>
<P>Daftar menggunakan Bullets</P>
<ul type='circle'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ul>
<P>Daftar menggunakan Numbering (angka)</P>
<ol type='1'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
<P>Daftar menggunakan Numbering (angka)</P>
<ol type='a'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
<P>Daftar menggunakan Numbering (huruf romawi)</P>
<ol type='I'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
</BODY>
</HTML>
<HEAD>
<TITLE>Bullets dan Numbering</TITLE>
</HEAD>
<BODY>
<P>Daftar menggunakan Bullets</P>
<ul type='circle'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ul>
<P>Daftar menggunakan Numbering (angka)</P>
<ol type='1'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
<P>Daftar menggunakan Numbering (angka)</P>
<ol type='a'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
<P>Daftar menggunakan Numbering (huruf romawi)</P>
<ol type='I'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
</BODY>
</HTML>
Screenshot
3. Dokumen
<HTML>
<HEAD><TITLE>Dokumen HTML</TITLE></HEAD>
<BODY bgcolor="skyblue">
Ini adalah sebuah dokumen HTML dengan judul "Dokumen HTML" dan warna latar/background biru langit.
Terimakasih
</BODY>
</HTML>
<HEAD><TITLE>Dokumen HTML</TITLE></HEAD>
<BODY bgcolor="skyblue">
Ini adalah sebuah dokumen HTML dengan judul "Dokumen HTML" dan warna latar/background biru langit.
Terimakasih
</BODY>
</HTML>
Screenshot
4. Font
<HTML>
<HEAD>
<TITLE>Font</TITLE>
<BODY>
<FONT face='comic sans ms'>
Teks ini berukuran normal jenis Comic Sans MS dan warna hitam
</FONT></BR>
<FONT size='5' face='verdana' color='red'>
Teks ini berukuran 5 jenis Verdana dan warna merah
</FONT></BR>
Teks cetak <b>Tebal</b>
<i>Miring</i>
<u>Garis Bawah</u>
<strike>Garis tengah</strike>
<sup>Superscript</sup> dan
<sub>Subscript</sub>
</FONT>
</BODY>
</HTML>
<HEAD>
<TITLE>Font</TITLE>
<BODY>
<FONT face='comic sans ms'>
Teks ini berukuran normal jenis Comic Sans MS dan warna hitam
</FONT></BR>
<FONT size='5' face='verdana' color='red'>
Teks ini berukuran 5 jenis Verdana dan warna merah
</FONT></BR>
Teks cetak <b>Tebal</b>
<i>Miring</i>
<u>Garis Bawah</u>
<strike>Garis tengah</strike>
<sup>Superscript</sup> dan
<sub>Subscript</sub>
</FONT>
</BODY>
</HTML>
Screenshot
5. Gambar
<HTML>
<HEAD><TITLE>Gambar</TITLE></HEAD>
<BODY>
<p><img src='gambar.jpg' height='100' width='100'>
Peralatan teks dibawah secara default dan gambar asli ukuran dengan ukuran 100 x 100 pixel</p>
<p><img src='gambar.jpg' height='100' width='100'
align='top' border='2'>Perataan teks di atas dan border gambar 2 pixel</p>
<p align='center'><img src='gambar.jpg' height='100' width='100'>
align='middle'>Perataan teks di tengah</br>dan letak gambar di tengah dokumen</p>
</BODY>
</HTML>
<HEAD><TITLE>Gambar</TITLE></HEAD>
<BODY>
<p><img src='gambar.jpg' height='100' width='100'>
Peralatan teks dibawah secara default dan gambar asli ukuran dengan ukuran 100 x 100 pixel</p>
<p><img src='gambar.jpg' height='100' width='100'
align='top' border='2'>Perataan teks di atas dan border gambar 2 pixel</p>
<p align='center'><img src='gambar.jpg' height='100' width='100'>
align='middle'>Perataan teks di tengah</br>dan letak gambar di tengah dokumen</p>
</BODY>
</HTML>
- Letakkan gamabar dalam satu folder dengan script html. Beri nama gambar dengan "gambar.jpg"
Screenshot
6. Heading
<HTML>
<HEAD><TITLE>Heading</TITLE></HEAD>
<BODY>
<h1>Teks dengan ukuran heading one</h1>
<h2>Teks dengan ukuran heading two</h2>
<h3>Teks dengan ukuran heading three</h3>
<h4>Teks dengan ukuran heading four</h4>
<h5>Teks dengan ukuran heading five</h5>
<h6>Teks dengan ukuran heading six</h6>
</BODY>
</HTML>
<HEAD><TITLE>Heading</TITLE></HEAD>
<BODY>
<h1>Teks dengan ukuran heading one</h1>
<h2>Teks dengan ukuran heading two</h2>
<h3>Teks dengan ukuran heading three</h3>
<h4>Teks dengan ukuran heading four</h4>
<h5>Teks dengan ukuran heading five</h5>
<h6>Teks dengan ukuran heading six</h6>
</BODY>
</HTML>
Screenshot
7. Multilevel
<html><head>
<title> Germanic Languanges </title>
</head>
<ul>
<li>West Germanic Languanges</li>
<ul><li>English</li>
<ul><li>British</li>
<ul><li>BBC</li>
<li>Cockey</li>
<li>Dubliner</li>
</ul>
<li>American</li>
<ul><li>Newscaster</li>
<li>Drawl</li>
<li>Jive</li>
</ul></ul>
<li>Dutch</li>
<ul><li>Hollander</li>
<li>Flemis</li>
<li>Afrikans</li>
</ul>
</ul></ul>
</body></html>
<title> Germanic Languanges </title>
</head>
<ul>
<li>West Germanic Languanges</li>
<ul><li>English</li>
<ul><li>British</li>
<ul><li>BBC</li>
<li>Cockey</li>
<li>Dubliner</li>
</ul>
<li>American</li>
<ul><li>Newscaster</li>
<li>Drawl</li>
<li>Jive</li>
</ul></ul>
<li>Dutch</li>
<ul><li>Hollander</li>
<li>Flemis</li>
<li>Afrikans</li>
</ul>
</ul></ul>
</body></html>
Screenshot
8. Table
<HTML>
<HEAD>
<TITLE>Table</TITLE></HEAD>
<BODY>
Tabel biasa
<table border="1">
<tr>
<td>cell 1a</td>
<td>cell 1b</td>
<td>cell 1c</td>
</tr><tr>
<td>cell 2a</td>
<td>cell 2b</td>
<td>cell 2c</td></tr></table>
Colspan
<table border="1">
<tr>
<td colspan="3" align="center">Quarter 1</td></tr>
<tr align="center">
<td>Jan</td>
<td>Feb</td>
<td>Mar</td></table>
Rowspan
<table border="1">
<tr>
<td rowspan="3" align="center">Quarter 1</td>
<td>Jan</td>
</tr>
<tr>
<td>Feb</td>
</tr>
<tr>
<td>Mar</td>
</tr>
</table>
</font></BODY></HTML>
<HEAD>
<TITLE>Table</TITLE></HEAD>
<BODY>
Tabel biasa
<table border="1">
<tr>
<td>cell 1a</td>
<td>cell 1b</td>
<td>cell 1c</td>
</tr><tr>
<td>cell 2a</td>
<td>cell 2b</td>
<td>cell 2c</td></tr></table>
Colspan
<table border="1">
<tr>
<td colspan="3" align="center">Quarter 1</td></tr>
<tr align="center">
<td>Jan</td>
<td>Feb</td>
<td>Mar</td></table>
Rowspan
<table border="1">
<tr>
<td rowspan="3" align="center">Quarter 1</td>
<td>Jan</td>
</tr>
<tr>
<td>Feb</td>
</tr>
<tr>
<td>Mar</td>
</tr>
</table>
</font></BODY></HTML>
Screenshot
TUGAS MODUL 1
0 komentar:
Posting Komentar