Jumat, 30 September 2016

Dokumen HTML 3

19.39.00 0
<html>

<head>

<title>tabel rumit</title>

</head>

<body>

<table border="2" width="300">

<tr>

<th>description </th>

<th>qty </th>

<th>price</th>

<th>email account note</th>

</tr>

<tr>

<td width="100">email account </td>

<td>10</td>

<td>$9.90</td>

<td rowspan="5">

<table border="2">

<tr>

<td>mailbox </td>

<td>10 Gb</td>

</tr>

<tr>

<td>webmail</td>

<td>yes</td>

</tr>

<tr>

<td>POP3</td>

<td>yes</td>

</tr>

<tr>

<td>IMAP</td>

<td>yes</td>

</tr>

<tr>

<td>Anti-Spam</td>

<td>yes</td>
</tr>

</table>
</td>

</tr>

<tr>

<td>FYIcenter.com ad</td>

<td>1</td>

<td>$99.00</td>

</tr>

<tr>

<td>1-year access </td>

<td>1</td>

<td>$199.00</td>

</tr>

<tr>

<td colspan="2" align="right">shipping</td>

<td>$3.99</td>

</tr>
<tr>

<td colspan="2" align="right">Tax</td>

<td>$15.99</td>

</tr>

</table>

</body>

</html>

Jadinya:



jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Tabel Didalam Tabel

19.30.00 0
<html>
<head>
<title>Tabel didalam tabel</title>
</head>
<body>
<table border=1 bgcolor=yellow>
<tr>
<td rowspan=2>
<table border=1>
<tr>
<td>table dalam tabel</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1>
<tr>
<td>table dalam tabel</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>

Jadinya :




jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Jumat, 23 September 2016

Document HTML 2

18.24.00 0
<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'' cellspacing=''3''>
<td>tabel 1 ke 2</td>
<td>tabel 1 ke 2</td>
<tr>
<td>tabel 1 ke 2</td>
<td>tabel 1 ke 2</td>
</tr>
</table>
</td>
</table>
</body>
</html>




jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Document HTML 1

18.23.00 0
<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<table border=1>
    <tr>
      <td>
<table border=1>
    <tr>
       <td>kolom 1 baris 1</td>
       <td>kolom 2 baris 1</td>
    </tr>
    <tr>
       <td>kolom 1 baris 2</td>
       <td>kolom 2 baris 2</td>
    </tr>
</table>
</td>
      <td>kolom 2 baris 1</td>
   </tr>
   <tr>
      <td>kolom 1 baris 2</td>
      <td>kolom 2 baris 2</td>
   </tr>
</table>
</body>
</html>





jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Jumat, 09 September 2016

Download Materi Pemrograman Web Kelas X Semester 1 Dan 2

21.52.00 0


           

Tabel Spaning 5

19.40.00 0
<html>
<head>
<title>buah</title>
</head>
<body>
<table width="500" border="1">
<tr>
<td>apel</td>
<td rowspan="2">jeruk</td>
<td>mangga</td>
</tr>
<tr>
<td>pisang</td>
<td>nanas</td>
</tr>
</body>
</html>






jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Tabel Spaning 4

19.39.00 0
<html>
<head>
<title>tabel negara eropa dan asia</title>
</head>
<body>
<table width="500" border="1">
<tr>
<td>benua</td>
<td colspan="2">EROPA</td>
<td colspan="2">ASIA</td>
</tr>
<tr>
<td>negara</td>
<td>BELANDA</td>
<td>ITALIA</td>
<td>INDONESIA</td>
<td>INDIA</td>
</tr>
</table>
</body>
</html>






jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Tabel Spaning 3

19.38.00 0
<html>
<head>
<title>tabel spaning benua asia dan eropa</title>
</head>
<body>
<table width="500" border="1">
<tr>
<td>benua</td>
<td>negara</td>
</tr>
<tr>
<td rowspan="4">ASIA</td>
<td>ARAB SAUDI</td>
</tr>
<tr>
<td>INDIA</td>
</tr>
<tr>
<td>INDONESIA</td>
</tr>
<tr>
<td>SINGAPURA</td>
</tr>
<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>
</body>
</html>






jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Tabel Spaning 2

19.37.00 0
<html>
<head>
<title>tabel dengan colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<td scope="col">perumahan</td>
<td colspan="4"  scope="col">tipe/luas tanah (m<sup>2</sup>)</td>
</tr>
<tr>
<td>griya indah permai</td>
<td>21/60</td>
<td>36/90</td>
<td>45/120</td>
<td>54/120</td>
</tr>
</table>
</body>
</html>






jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Tabel Spaning 1

19.36.00 0
<html>
<head>
<title>tabel  dengan rowspan</title>
</head>
<body>
<table width="500"border="1"
<tr>
<td scope="col">nama perumahan</td>
<td scope="col">tipe/luas tanah(m<sup>2</sup>)</td>
</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>





jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Sabtu, 03 September 2016

Tabel 2 Alight

05.37.00 0
<html>
<head>
<title>penggunaan ALIGHT</title>
</head>
<body>
<table border="1">
<caption>daftar wiraniaga</caption>
<tr>
<td colspan="2"rowspan="2">WIRANIAGA</td>
<td colspan="3">KOTA</td>
</tr>
<tr>
<td>SEMARANG</td>
<td>KUDUS</td><td>SOLO</td>
</tr>
<tr>
<td rowspan="2">jenis kelamin</td>
<td>PRIA</td>
<td align="right">30</td>
<td align="right">20</td>
<td align="right">30</td>
</tr>
<tr>
<td>WANITA</td>
<td align="right">20</td>
<td align="right">8</td>
<td align="right">18</td>
</tr>
</table>
</body>
</htm

HASILNYA :





jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Diberdayakan oleh Blogger.