Kamis, 13 Oktober 2016

Layout Index

<!DOCTYPE html >
<head>
<title>left </title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="512" border="1"
align="center">
<tr>
<td width="15%" rowspan="2" align="center"
bgcolor="#99CC99"><strong>Daftar
Isi </strong> </td>
<td width="67%" height="23" align="center"
bgcolor="#FFCCFF"><font
size="+3"><strong>Banner/judul</strong></font></td>
<td width="18%" rowspan="2" align="center"
bgcolor="#99CC99"><strong>Daftar
Isi </strong> </td>
</tr>
<tr>
<td height="456" align="center"
bgcolor="#CCCCCC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau
contents(isi)</font></p>
<p><font color="#CC0000">Body atau
contents(isi)</font></p>
<p><font color="#FFFF00">Body atau
contents(isi)</font></p>
<p><font color="#990033">Body atau
contents(isi)</font></p>
</td>
</tr>
<tr bgcolor="#FF99FF">
<td height="23" colspan="3" align="center">Lain-
lain </td>
</tr>
</table>
</form>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Alternating Index

<!DOCTYPE html >
<head>
<title>alternating</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="738" border="1"
align="center">
<tr>
<td height="248" align="center"
bgcolor="#FF66CC"><font size="+1"><strong>Teks/Daftar
isi</strong></font></td>
<td align="center" bgcolor="#FFFFCC"><font
color="#000066" size="+7"><strong><em>Gambar
</em> </strong></font></td>
</tr>
<tr>
<td height="261" align="center"
bgcolor="#FFFF99"><font color="#CC0000"
size="+7"><strong><em>Gambar
</em></strong></font><font
size="+7"><em></em></font></td>
<td align="center" bgcolor="#FF66CC"><font
size="+1"><strong>Teks/daftar
isi</strong></font></td>
</tr>
<tr bgcolor="#996666">
<td height="150" colspan="2" align="center"><font
color="#FFFFFF"><strong><font size="+1">Lain-
lain</font></strong></font></td>
</tr>
</table>
</form>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Bottom Index

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1"
align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF"
bgcolor="#FFFF00"><strong><font size="+5">Banner
/ Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#CCCCCC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau
contents(isi)</font></p>
<p><font color="#CC0000">Body atau
contents(isi)</font></p>
<p><font color="#FFFF00">Body atau
contents(isi)</font></p>
<p><font color="#990033">Body atau
contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center"
bgcolor="#CCFF99"><font color="#FF0000"><strong><font
size="+2">Daftar
isi atau navigasi </font></strong></font><font
color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</form>
</body>
</html>


Diposting oleh di Tidak ada komentar:
Label:

Kamis, 06 Oktober 2016

top index

<!DOCTYPE html >
<head>
<title>Left Colour</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="447" border="1"
align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" valign="top"
bgcolor="#993366"><p>Home</p>
<p>Profile</p>
<p>About Us</p>
<p>Blog</p>
<p>Contact Us</p></th>
<th width="627" height="23" align="center"
bgcolor="#FFFF99"><strong><font color="#CCCCCC"
size="+4">Electronic
Shop</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top"
bgcolor="#FFFF99"><p>&nbsp;</p>
<p>Selamat datang di web kami, penjualan produk
online ini adalah yang pertama di kota kami.
kualitas dan harga dapat dipercaya langsung saja
pesan dan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#FFFF99">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>

Diposting oleh di Tidak ada komentar:
Label:

left index

<!DOCTYPE html >
<head>
<title>Left Colour</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="447" border="1"
align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" valign="top"
bgcolor="#993366"><p>Home</p>
<p>Profile</p>
<p>About Us</p>
<p>Blog</p>
<p>Contact Us</p></th>
<th width="627" height="23" align="center"
bgcolor="#FFFF99"><strong><font color="#CCCCCC"
size="+4">Electronic
Shop</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top"
bgcolor="#FFFF99"><p>&nbsp;</p>
<p>Selamat datang di web kami, penjualan produk
online ini adalah yang pertama di kota kami.
kualitas dan harga dapat dipercaya langsung saja
pesan dan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#FFFF99">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>

Diposting oleh di Tidak ada komentar:
Label:

Sabtu, 01 Oktober 2016

UNORDERET LIST 1

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

HEADING

<html>
<head>
<title>heading</title>
</head>
<body>
<h1>this is heading 1 Nama :AAN INDRI ANA</h1>
<h2>this is heading 2 Kelas :X-TKJ 2</h2>
<h3>this is heading 3 No absen :01</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:

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:

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:

tabel di dalam tabbel

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

html4


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

tabel1


<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<tabel 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>
</head>
</html>



Diposting oleh di Tidak ada komentar:
Label:

halaman html3

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

Dokumen HTML 5

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:
Langganan: Postingan (Atom)