Kamis, 29 September 2016

Tabel di dalam tabel

<html>
<head>
<title>tabel di dalam tabel</title>
</head>
<body>
<table border=3 width=700 px height=300 px bgcolor=orange>
<tr>
<td rowspan=2>
<table border=1 width=200 px height=100 px align=center bgcolor=green>
<tr align=center>
<td> 1A</td>
<td> 2A</td>
</tr>
<tr align=center>
<td> 1B</td>
<td> 2B</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1 width=200 px height=100 px align=center bgcolor=green>
<tr align=center>
<td> 1C</td>
<td> 2C</td>
</tr>
<tr align=center>
<td> 1D</td>
<td> 2D</td>
</tr>
</table>
</td>
<tr>
</tr>
</table>
</body>
</head>
</html>







Diposting oleh di Tidak ada komentar:
Label:

Kamis, 08 September 2016

Dokumen HTML 5

<html > 
<head> 
<title>Tabel dengan Colspan</title> 
</head>  
<body> 
<table width="500" border="1" bgcolor="purple"> 
  <tr bgcolor="red"> 
    <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> 




















Diposting oleh di Tidak ada komentar:
Label:

Dokumen HTML 3

<html>
<head>
 <title>Tabel Dengan Rowspan</title>
 </head> 
 <body> <table width="500" border="1" bgcolor="red">   
<tr bgcolor="yellow">    
 <th scope="col">Benua </th>    
 <th scope="col">Negara (m<sup>2</sup>) </th>  
 </tr>  
 <tr bgcolor="red">     
<td rowspan="4">Asia </td>    
 <td>Arab Saudi </td>   
</tr>   
<tr bgcolor="green">     
<td>India</td>   
</tr>   
<tr bgcolor="yellow">    
 <td>Indonesia </td>   
</tr>  
 <tr bgcolor="green">     
<td>Singapura </td>   
</tr>  
 <tr bgcolor="red">   
 <td rowspan="4">Eropa</td>   
 <td>Belanda </td> 
 </tr>  
<tr bgcolor="yellow">   
 <td>Italia </td>  
</tr>  
<tr bgcolor="green">   
 <td>Inggris </td> 
 </tr>  
<tr bgcolor="red">    
<td>Jerman </td> 
 </tr>
</table>
 </body>
 </html> 

Diposting oleh di Tidak ada komentar:
Label:

Dokumen HTML 4

<html >
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1" bgcolor="purple">
  <tr bgcolor="red">
    <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>


Diposting oleh di Tidak ada komentar:
Label:

Baris dan Kolom

<html>
<head>
<title>membuat baris dan kolom</title>
</head>
<body>
<table border=1 bgcolor=grey>       
<tr bgcolor=green>           
<td>data baris 1 kolom 1</td>           
<td>data baris 1 kolom 2</td>           
<td>data baris 1 kolom 3</td>         
</tr>        
<tr bgcolor=yellow>            
<td>data baris 2 kolom 1</td>            
<td>data baris 2 kolom 2</td>            
<td>data baris 2 kolom 3</td>          
</tr>          
<tr bgcolor=purple>           
 <td>data baris 3 kolom 1</td>            
<td>data baris 3 kolom 2</td>            
<td>data baris 3 kolom 3</td>          
</tr>
</table>
</body>
</html>




Diposting oleh di Tidak ada komentar:
Label:

Baris dan Kolom

Baris dan Kolom

<html>
<head>
<title>membuat baris dan kolom</title>
</head>
<body>
<table border=1 bgcolor=grey>       
<tr bgcolor=green>           
<td>data baris 1 kolom 1</td>           
<td>data baris 1 kolom 2</td>           
<td>data baris 1 kolom 3</td>         
</tr>        
<tr bgcolor=yellow>            
<td>data baris 2 kolom 1</td>            
<td>data baris 2 kolom 2</td>            
<td>data baris 2 kolom 3</td>          
</tr>          
<tr bgcolor=purple>           
 <td>data baris 3 kolom 1</td>            
<td>data baris 3 kolom 2</td>            
<td>data baris 3 kolom 3</td>          
</tr>
</table>
</body>
</html>




Diposting oleh di Tidak ada komentar:
Label:

Paragraf

tugas paragraf
<html>
<head>
<tittle>Paragraf</tittle>
</head>
<body>
 <p> Saya Lelianawati Kusuma Dewi Saya Sering Dipanggil Leli Hobi Saya Memasak Saya Ingin Menjadi Pramugari Saya Lahir Di Samarinda Pada Tanggal 22 November 2000</p>
<p> Alamat saya Dk, Pisah, Kel, Kragilan, Kec, Mojosongo, Kab, Boyolali Umur saya 15 tahun </p>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Dokumen HTML 2

Dokumen HTML 2

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


Diposting oleh di Tidak ada komentar:
Label:

Dokumen HTML

Dokumen HTML

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



Diposting oleh di Tidak ada komentar:
Label:

HEADING

Heading
<html>
<head>
<title>heading</title>
</head>
<body>
<h1>this is heading 1 Nama :LELIANAWATI KUSUMA DEWI</h1>
<h2>this is heading 2 Kelas :X-TKJ 2</h2>
<h3>this is heading 3 No absen :17</h3>
<h4>this is heading 4 Hobi :MEMASAK</h4>
<h5>this is heading 5 SMK : SMK KARYA NUGRAHA BOYOLALI</h5>
<h6>this is heading 6 Cita-cita :PRAMUGARI< /h6>


Diposting oleh di Tidak ada komentar:
Label:

UNORDERET LIST 2

TUGAS UNORDERED LIST2

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

Diposting oleh di Tidak ada komentar:
Label:

UNORDERET LIST 1

 TUGAS UNORDERED LIST 1
<html>
<head><title>unordered list</title>
</head>
<body>
<b>Macam - macam  phuriperal</b>
<b>   Perangkat Input  </b>
<ul type="circle">
<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="circle">
</body>
</html>   


Diposting oleh di Tidak ada komentar:
Label:

Format teks 4

tugas format teks 4 

<html> 
<head> 
<title>quotation</title> 
</head>
<body>
Tulisa Ini Bukan quotation
<blockquote>
tulisan ini adalah quotation <br>
tulisan ini adalah quotation <br>
tulisan ini adalah quotation <br>
</blockquote>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Tabel 1.html

 01:Tabel 1.html

<html>
<head>
<title>table</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cellspacing=0 cellpadding=0 bgcolor=grey>
<tr bgcolor=green>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr bgcolor=blue>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr bgcolor=yellow>
<td rowspan=2baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Kamis, 01 September 2016

Tabel 2.html

Tugas
02:tabel2.html

<html>
 <head>
  <title>Penggunaan ALIGN</title>
 </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>SOLO</th>
</tr>
<tr>
 <th rowspan ="2">Jenis Kelamin</th>
 <th>Pria</th>
 <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>




Diposting oleh di Tidak ada komentar:
Label:

text formatif 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>    


Diposting oleh di Tidak ada komentar:
Label:

format text 2

tugas format teks 2

 TUGAS FORMAT TEKS 2

 <html>
<head>
<title>preformat</title>
</head>
<body>
<H2>daftar harga keladi : </h2>
<pre>
Red Flash . . . . . 35.000
Red Flash . . . . . 60.000
fanie munson . . . . 60.000
</pre>
Harga Sewaktu-waktu bisa berubah.
</body>
</html>



Diposting oleh di Tidak ada komentar:
Label:

Format teks 1

tugas format teks 1


format teks

                                                 TUGAS FORMAT TEKS 1
 <html>
<head>
<title>Format Teks</title>
</head>
<body>
<p>
<b>Tulisan Ini Ditebalkan (bold)</bold>
</p>
<p>
<strong>tulisan ini ditebalkan
(strong)</strong>
</p>
<p>
<em>Tulisan Ini Miring (emphasize)
</em>
</p>
<p>
<big>tulisan ini besar (big)</big>
</p>
<p>
<i>Tulisan Ini Miring (italic) </i>
</p>
<p>Tulisan Ini
<sub>Subscipt</sub>
</p>
<p>Tulisan Ini
<sup>Superscript</p>
</p>
</body>
</html   
Diposting oleh di Tidak ada komentar:
Label:
Langganan: Komentar (Atom)