Jumat, 30 September 2016

Tabel Didalam Tabel

Kali Ini Saya Akan Mengupload Cara Membuat Tabel Bersarang Dibawah Ini,Kali Ini Menurut Saya Membuatnya Lebih Mudah Daripada Membuat Tabel Rumit Dan Membuat Tabel Yang Ada Dollar-Dollarnya, Dan Seperti Ini Hasilnya, Lihat Gambar Dibwah Ini, Seperti Itulah Contoh Yang Saya Buat,Benar Atau Tidaknya Saya Tidak Tahu, Yang Penting Bagi Saya Itu Hasil Buatan Sendiri.

Seperti Itulah Jadinnya HTML yang Saya Buat Dengan Mencoba Sendiri, Jika Ingin Membuat Seperti Gambar Diatas Klik Gambar Download Dibawah.

http://adf.ly/1eXLmk

Tabel Didalam Tabel

Mengenai Tabel Dibawah : Kali Ini Saya Belajar Membuat Tabel HTML yang diajarkan oleh guru saya,Saya Ingin Mengupload Tentang Hasil Belajar Html Saya. Lihat Contoh Gambar  Di bawah ini.
Seperti Itu Contoh Tabel Didalam Tabel Tersebut, Jika Ingin Membuat Seperti Tabel Tanpa Harus Membuat Script, Klik Download DibawaH ini

http://adf.ly/1eQCu3


Tabel Didalam Tabel

Mengenai Tabel Didalam Tabel : Kali Ini Saya Akan Mengupload Membuat Tabel Didalam Tabel, Guru Saya Mengajari Tentang Cara Membaut Tabel, Lihat Gambar Di Bawah Ini, Cuma Gambar, Tidak Dengan Scriptnya.

Jika Ingin Mengetahui Membuat, TABEL seperti Digambar diatas silahkan Klik link Download Dibawah Ini.

http://adf.ly/1eQA7U


Kamis, 08 September 2016

Tugas Table Dan Spaning

<html > 
<head> 
<title>Tabel dengan Colspan</title> 
</head>  
<body> 
<table width="500" border="1"> 
  <tr> 
    <th scope="col">Apel </th> 
    <th rowspan="4" scope="col">Jeruk </th>
    <th colspan="4" scope="col">Mangga </th>  
  </tr>
  <tr>
    <th scope="col">Pisang </th> 
    <th colspan="4" scope="col">Nanas </th> 
  </tr>
  <tr>
    <td>Leci</td>
  </tr>
</table> 
</body> 
</html> 

Tugas Table Dan Spaning

<html>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">Perumahan</th>
<th colspan="4" scope="col">Tipe / Luas
tanah (m<sup>2</sup>) </th>
</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>

Tugas Table Dan Spaning

<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" >
    <th scope="col">Benua</th>
    <th colspan="2" scope="col">Eropa </th>
    <th colspan="4" scope="col">Asia </th>
  </tr>
  <tr>
    <td>Negara </td>
    <td>Belanda </td>
    <td>Italia </td>
    <td>Indonesia </td>
    <td>India </td>
</table>
</body>
</html>

Tugas Tabel Dan Spaning

<head>
<title>Tabel Dengan Rowspan </title>
</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>


Tugas 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>


Kamis, 01 September 2016

Membuat Tabel Dan Kolom

<html>
<head>
<title> penggunaan ALIGN</title>
</head>
<body>
<table border="1">
<caption> daftar wiraniraga</caption>
<tr>
<th colspan="2" rowspan ="2">WIRANIAGA</th>
<th coslpan ="3">KOTA</th>
</tr>
<tr>
<th>SEMARANG</th>
<th Kudus</th><th>solo</th>
<tr>
<tr>
<th rowspan ="2">Jenis kelamin </th>
<th>Pria</th>
<th Align = "right">30</td>
<td Allign= "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>


Membuat Tabel Dan KOLOM


<html>
<head>
<title>table</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=50% border=2 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=green>baris 1 kolom 1</td>
<td bgcolor=#ff6633>baris 1 kolom 2</td>
</tr>
<tr>
<td bgcolor=#ff333> colspan =2>baris 2 kolom 1</td>
</tr>
<tr>
<td rowspan =2 baris 3 kolom 1</td>
<td bgcolor=#cc6600> baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>


Membuat Tabel Dan Kolom

<html>
<head>
<title>Membuat Table Dan Kolom</title>
</head>
<body>
<table border=1 bgcolor=green>
<tr bgcolor=orange>
<td bgcolor=#ff333> data baris 1 kolom 1</td>
<td bgcolor=#ff333> data baris 1 kolom 2</td>
<td bgcolor=#ff333> data baris 1 kolom 3</td>
</tr>
<tr bgcolor=orange>
<td bgcolor=#ff6633> data baris 2 kolom 1</td>
<td bgcolor=#ff6633> data baris 2 kolom 2</td>
<td bgcoloe=#ff6633> data baris 2 kolom 3</td>
</tr>
<tr bgcolor=orange>
<td bgcolor=#cc6600> data baris 3 kolom 1</td>
<td bgcolor=#cc6600> data baris 3 kolom 2</td>
<td bgcolor=#cc6600> data baris 3 kolom 3</td>
</body>
</html>


Tugas Anatomi Dokumen Web 3

<html>
<head>
<tittle>Paragraf</tittle>
</head>
<body>
 <p> Saya Yusuf zaenal cahbib Saya Sering Dipanggil Caca Hoby Saya Futsal Saya Ingin Menjadi Pemain Terkenal seperti GRIEZMAN Saya Lahir Di Boyolali Pada Tanggal 26 Mei 2000</p>
<p> Termia Kasih Kepada Kedua Orang Tua Saya Yang Telah Membesarkan Saya Hingga Gemuk seperti Sekarang Ini </p>
</body>
</html>
 
 

Tugas Anatomi Dokumen web 2

TUGAS ANATOMI DOKUMEN WEB 2
<html>
<head>
       <title>Heading</title>
</head>
<body>
       <h1>This is heading 1 Yusuf Zaenal Chabib</h1>
       <h2>This is heading 2 X-TKJ 2</h2>
       <h3>This is heading 3 34</h3>
       <h4>This is heading 4 FUTSAL</h4>
       <h5>This is heading 5 SMK Karya Nuagraha Boyolali</h5>
       <h6>This is heading 6 Menjadi Hacker Yang Bertanggung Jawab</h6>
</body>
</html> 
 

List Kombinasi 2

<html>
<head>
</head>
<body>
<ol type="A">
<li>Perangkat Input
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Microphone</li>
<li>Scanner</li>
<li>Finger Print</li>
<li>Graphic Pad</li>
<li>Light Pan</li>
<li>Camera Digital</li>
<li>Web Cam</li>
</ul>
</li>
<li>Perangkat Output
<ul type="square">
<li>Monitor</li>
<li>Printer</li>
<li>Plotter</li>
<li>Proyektor</li>
</ul>
</li>
</ol>
</body>
</html>