Kamis, 17 November 2016

langkah-langkah membuka notepade

<html>
<head><title>tugas membuat odered list</title>
</head>
<body>
<b>langkah - langkah membuka notepad</b>
<ol>
<li>klik start</li>
<li>tulis notepad pada search</li>
<li>pilih notepad dan pilih</li>
</body>
</html>


tugas format teks 3

<html>
<head>
<title>tag preformat</title>
</head>
<body>
<pre>
This section provides a brief overview of the menus in
Dreamweaver.
    The File menu and edit menu contain the standard menu
    item for file and edit.
menus, such as new, open, save, save all, cut,copy,paste,undo,and redo
</pre>
<pre>
ini adalah
preformated text.
menampilkan     spasi
Dan Line Break apa adannya
</pre>
<p> Tag PRE cocok digunakan untuk menampilkan kode bahasa pemrograman komputer :</p>
<pre>
for i = 1 to 10
    print i
next i
</pre>
</body>
</html>   


tugas unordered list 2

<html>
<head><title>unordered list</title>
</head>
<body>
<b>Macam - macam  phuriperal</b>
<b>   Perangkat Input  </b>
<ul type="square">
<li>Keyboard</li>
<li>mouse</li>
<li>Touchpad</li>
<li>Light Pen</li>
<li>JoyStick</li>
<li>Barcode</li>
<li>Scanner</li>
<li>Camera Digital</li>
<li>mikrofon</li>
<li>Graphics Pads</li>
<li>Pensil</li>
<b>Macam - macam phuriperal</b>
<b>    Perangkat Output </b>
<li>Monitor</li>
<li>Printer</li>
<li>spiker</li>
<li>proyektor</li>
<li>Plotter</li>
</ul type="square">
</body>
</html>


tugas tabel 2

<head>
<tittle>penggunaan ALIGN</tittle>
</head>
<body>
<table border="1">
<caption>Daftar wiraniaga</caption>
<tr>
   <th colspan ="2" rowspan ="2">WIRANIAGA</th>
   <th colspan ="3">KOTA</th>
</tr>
<tr>
   <th>SEMARANG</th>
   <th>Kudus</th><th>Solo</th>
<tr>
<tr>
   <th rowspan ="2">Jenis Kelamin</th>
   <th>Pria</yh>
   <th align= "right">30</td>
   <td align= "right">20</td>
   <td align= "right">30</td>
</tr>
<tr>
   <th>wanita</th>
   <td align= "right">20</td>
   <td align= "right">8</td>
   <td align= "right">18</td>
</tr>


</table>
</body>
</html>


tabel spaning 3

</head>
<body>
<table width ="500" border ="1">
<tr>
<th scope ="col">Benua </th>
<th scope ="col">Eropa </th>
</tr>
<tr>
<td rowspan ="4">Negara </td>
<td>Arab saudi </td>
</tr>
<tr>
<td>India</td>
</tr>
<tr>
 <td>Indoensia </td>
</tr>
<tr>
 <td>Singapura </td>
</tr>
<td rowspan ="4"> Eropa </td>
<td>Belanda </td>
</tr>
<tr>
<td>Italia</td>
</tr>
<tr>
 <td>Inggris </td>
</tr>
<tr>
 <td>Jerman </td>
</tr>
</table>
</body>


tabel dan spaning

<html>
<head>
<title>Tabel Dengan Rowspan </title>
</head>
<body>
<table width ="500" border ="1">
<tr>
<th scope ="col"> Nama Perumahan </th>
<th scope ="col">Tipe / luas tanah (m<sup>2</sup>) </th>
</tr>
<tr>
<td rowspan ="4"> Griya Indah Permai </td>
<td>21 / 60 </td>
</tr>
<tr>
<td>36 /90 </td>
</tr>
<tr>
 <td>45 / 120 </td>
</tr>
<tr>
 <td>54 / 120 </td>
</tr>
</table>
</body>
</html>


dokumen html 2

<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" cellspacing="10">
<td>
sel berikut yang satu ini memiliki tabel kecil di dalamnya, tabel di dalam tabel.
</td>
<td> <table border="3" cellpadding="3" cellspancing="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>