Tugas TIK HTML
1. Contoh : Ketikkan perintah-perintah berikut ini dan bagaimana hasilnya pada browser (tunjukan dengan tampilan screenshot)!
<html><head><title> Letakkan Judul situs di sini</title></head><body>Ini halaman situs anda. Letakkan perintah-perintah HTML di sini.Ini halaman situs anda. Letakkan perintah-perintah HTML di sini.Ini halaman situs anda. Letakkan perintah-perintah HTML di sini.Ini halaman situs anda. Letakkan perintah-perintah HTML di sini.</body></html>
2. Tuliskan Perintah-Perintah HTML agar didapat hasil seperti berikut ini :
<html><head><title> Letakkan Judul situs di sini</title></head><body><div align=”left”>Paragraf ini akan rata kiri</div><div align=”left”>Paragraf ini akan rata kiri</div><div align=”left”>Paragraf ini akan rata kiri</div>
<br> br digunakan untuk ganti baris
<br><b>Kalimat ini akan dicetak bold</b><br><i>Kalimat ini akan dicetak Italic</i><br><b><i>Kalimat ini akan dicetak bold dan Italic</b></i>
<hr>
<br> Perintah hr digunakan untuk membuat garis
</body></html>
3. Ketikkan perintah-perintah berikut ini dan bagaimana hasilnya pada browser (tunjukan dengan tampilan screenshoot)!
<html><head><title> latihan tabel</title></head><body bgcolor="green" text="#ffffff"><table border=7><tr height=40><td width=150 align=left valign=top>kiri atas</td><td width=250 align=right valign=middle>kanan tengah</td></tr><tr height=80><td width=150 align=right valign=bottom>kanan bawah</td><td width=250 align=center valign=middle>tengah tengah</td></tr></table></body></html>
4. Tuliskan perintah-perintah html agar didapat hasil seperti berikut :<html><head><title> Letakkan Judul situs di sini</title></head><body><table><table border=3><tr><td width=100><center><b>1</b></center></td><td width=125 colspan="2">2</td></tr>
<tr><td><center><b>3</b></center></td><td>4</td><td>5</td>
</tr><tr><td colspan="2"><center><b>6</b></center></td><td>7</td></tr></table>
</body></html>
5. Ketikkan perintah-perintah HTML berikut yang terdiri dari 2 file (7.html & 8.html), file berikut ini belum selesai seilahkan dikembangkan sekreatif mungkin. Bagaimana hasilnya pada browser(tunjukkan dengan tampilan screenshoot)
simpan dengan nama file 7.html
<html><head><title>Latihan Pertemuan 2</title></head><body bgcolor="#000000"> text="#FFFFFF"><table border="1" align="center" widht="80%"><tr>
<td colspan="2" align="center" height="100" bgcolor="#3A2BD1"><font size="16" face="Arial" font color="#FFFFFF">SITUSKU.COM</font><br><hr width="500"><br><marquee direction="right"><font color="#FFFFFF">Terdepan Dalam Berita dan Gosip</marquee></td><tr><tr valign="top">
<td width="228" height="450" bgcolor="green"><div align="center"><a href="7.html"><font color="#FFFFFF">Home</font></a></div>
<div align="center"><a href="8.html"><font color="#FFFFFF">Tentang Aku</font></a></div></td>
<td width="520" bgcolor="#F75454"><div align="center"><font color="#FFFFFF">Selamat Datang di <b><i>SITUSKU.COM</i></b><br>Situsku.Com akan selalu konsisten dengan berita-berita terbaru dari segala penjuru Indonesia.<br><br>Dapatkan berita-berita menarik tentang: politik, hukum, keamanan, gosip, artis dan kuliner di Indonesia.</div></td></tr></table></body></html>
simpan dengan nama file 8.html<html><head><title>Latihan Pertemuan 2</title></head><body bgcolor="#000000"> text="#FFFFFF"><table border="1" align="center" widht="80%"><tr><td colspan="2" align="center" height="100" bgcolor="#3A2BD1"><font size="16" face="Arial" font color="#FFFFFF">SITUSKU.COM</font><br><hr width="500"><br><marquee direction="right"><font color="#FFFFFF">Terdepan Dalam Berita dan Gosip</marquee></td><tr><tr valign="top">
<td width="228" height="450" bgcolor="green"><div align="center"><a href="7.html"><font color="#FFFFFF">Home</font></a></div>
<div align="center"><a href="8.html"><font color="FFFFFF">Tentang Aku</font></a></div></td>
<td width="520" bgcolor="#F75454"><div align="center"><font color="#FFFFFF">B I O D A T A<table width="381" border="0" align="left"><br>
<th colspan="3" scope="row"><p align="left"><img src="a.jpg" width="125" height="101"></p></th>
</tr><tr><th width="99" scope="row"><div align="left"><font
color="#FFFFFF">NAMA</div></th><td width="55"><div align="center"><font color="#FFFFFF">:<div></td><td width="213"><font color="#FFFFFF">Isi dengan nama anda</td></tr><tr><th scope="row"><div align="left"><font color="#FFFFFF">TTL</div></th><td><div align="center"><font color="#FFFFFF">:</div></td><td><font color="#FFFFFF">Isi dengan TTL Anda</td></tr><tr>
<th scope="row"><div align="left"><font color="#FFFFFF">HOBBY</div></th>
<td><div align="center"><font color="#FFFFFF">:</div></td><td><font color="#FFFFFF">Isi dengan Hobby Anda</td>
</tr></table><br><div></td>
</tr></table></body></html>
Gambar 7.html Gambar 8.html
