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:

Kamis, 08 September 2016

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


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

langkah" membuat not pad

Langkah langkah Membuka Note Pad

<html>

<head><title>Tugas Membuat Ordered List</title>

</head>

<body>

<b>langkah langkah membuka notpad</b>

<ol>

<li>Klik Start kemudian klik All Programs</li>

<li>Arahkan mouse ke Accessories kemudian klik Notepad</li>

<li>Berhasil dibuka</li>

</ol>

</body>

</html>


Add caption
Diposting oleh di Tidak ada komentar:
Label:

tugas format teks 1

   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:

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

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

    



Diposting oleh di Tidak ada komentar:
Label:

tabel 2html


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