Minggu, 01 Oktober 2017

membuat table dalam bentuk html

<html>
<head>
<title> penggunaan latar belakang warna</title>
</head>
<body background="tulips.jpg">
<h1> saya sedang belajar desain web</h1>
<h2> saya sedang belajar desain web</h1>
<h3> saya sedang belajar desain web</h1>
<h4> saya sedang belajar desain web</h1>
<h5> saya sedang belajar desain web</h1>
<h6> saya sedang belajar desain web</h1>
<head>
<title> membuat table</title>
</head>
<body>
<table with="50%" border="1" rules=ALL>
<tr>
<th bgcolor="red">kolom 1</th>
<th bgcolor="yellow">kolom 2</th>
<th bgcolor="green">kolom 3</th>
<th bgcolor="blue">kolom 4</th></tr>
<tr>
<td align="center">baris 2</td>
<td align="center">baris 2</td>
<td align="center">baris 2</td>
<td align="center">baris 2</td></tr>
<tr>
<td align="center">baris 3</td>
<td align="center">baris 3</td>
<td align="center">baris 3</td>
<td align="center">baris 3</td></tr>
</table>
<table width="500"border="1">
<tr>
<th scope="col">Benua</th>
<th scope="col">Negara</th></tr>
<tr>
<td rowspan="4">Asia</th>
<td>Arab saudi</td></tr>
<tr>
<td>india </td></tr>
<tr>
<td>indonesia </td></tr>
<tr>
<td>singapore</td></tr>
<td rowspan="4">Eropa</th>
<td>Belanda</td></tr>
<tr>
<td>Italia</td></tr>
<td>Inggris</td></tr>
<td>Jerman</td></tr>
</table>
<table border=3>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 1</td></tr>
<tr>
<td>kolom 1 baris 2</td>
<td>
<table border=2>
<tr>
<td>kolom 1 baris 1</td>
<td>kolom 2 baris 1</td></tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td></tr>
<tr>
<td>kolom 1 baris 3</td>
<td>kolom 2 baris 3</td></tr>
</table>
</td>
</table>

</td>
</table>
<table width="500"border="1">
<table border=4>
<tr>
<td bgcolor="red">makanan</td>
<td align="center">nasi goreng</td>
</tr>
<tr>
<td bgcolor="green"> bahan bahan </td>
<td>
<table border=4>
<td>cabe</td>
<td>bawang merah </td>
<td> bawang putih </td>
<td>kemiri</td>
</tr>
<tr>
<td>garam</td>
<td>penyedap rasa</td>
<td>kecap manis</td>
<td> kecap ikan </td>
<tr>
<td>telur</td>
<td>minyak sayur</td>
<td>cabai</td>
<td>garam</td>

<tr>
</tr>
</table>
</td>
</table>
<table width="500"border="1">
<table border=4>
<tr>
<td bgcolor="red">es campur</td>
<td align="center">sop buah</td>
</tr>
<tr>
<td bgcolor="green"> bahan bahan </td>
<td>
<table border=4>
<td> es batu </td>
<td> sirup </td>
<td> susu kental manis </td>
<td>air gula</td>
</tr>
<tr>
<td>melon</td>
<td>apel</td>
<td>anggur</td>
<td> buah naga </td>
<tr>
</tr>
<tr>
<td>pepaya</td>
<td>leci</td>
<td>mangga</td>
<td>nangka</td>
</tr>
</table>
</td>
</table>
</body>
</html>

membuat biodata dalam bentuk html

<html>
<head>
<title>curriculum vitae Yunita fibriani</title>
</head>
<body bgcolor="green">
<h1><font size=5>identitas diri</font</h1>
<hr color="red" size=5>
<table border=4>
<tr>
<td>Name</hd>
<td>Yunita Fibriani</td>
<td rowspan=8><img src ="lol.jpg" width="200"></td>
</tr>
<tr>
<td>Jenis kelamin</td>
<td>PEREMPUAN</td></tr>
<tr>
<td>Tempat tanggal lahir</td>
<td>tangerang 01 juni 2000</td></tr>
<tr>
<td>Berat/  Tinggi Badan</td>
<td>50/ 162cm</td></tr>
<tr>
<td>Alamat</td>
<td>perum.villa tatira blok D 22 No 7</td></tr>
<tr>
<td>Nomor telepon</td>
<td>083873450119</td</tr>
<tr>
<td>Alamat website</td>
<td>yunitafibriani.blogspot.com</td></tr>
<tr>
<td>Alamat Email</td>
<td>yunitaf737@gmail.com</td></tr>
<tr>
</table>
<h2><font size=5>Latar Belakang Pendidikan</font></h2>
<hr color="red"size=5>
<table border=4>
<tr>
<td>Tahun</td>
<td>Tempat Pendidikan</td></tr>
<tr>
<td>2015/2018</td>
<td>SMKN 8 KAB.TANGERANG</td></tr>
<tr>
<td>2012-2015</td>
<td>SMPN 1 TIGARAKSA</td></tr>
<tr>
<td>2006-2011</td>
<td>SDN JAMBE 1</td></tr>
</table>
<h3><font size=5>Keahlian personal</font></h3>
<hr color="red" size=5>
<pre>
<li><font size=4 face=arial>arial bahasa inggris(penulisan maupun berbicara)</font></li>
<li><font size=4 face=arial>keahlian komputer (programing, Web, Design grafis, Animasi)</font></li>
</pre>
<br>
<br>
<A Href="file:///C:/Users/User/Desktop/Tes/Tes2.html"><font size>4 face=arial>Halaman Berikutnya</A>
<head>
<title>latihan 35</title></head>
<body>
<form name=form_jenis kelamin>jenis kelamin:<br>
<input name=gender type=radio checked>
laki-laki<br>
<input name=gender type=radio>perempuan
</form>
</body>
</html