<head><title>tugas membuat odered list</title>
</head>
<body>
<b>langkah - langkah membuka notepad</b>
<ol>
<li>klik start</li>
<li>tulis notepad pada search</li>
<li>pilih notepad dan pilih</li>
</body>
</html>
Kamis, 17 November 2016
langkah-langkah membuka notepade
<html>
<head><title>tugas membuat odered list</title>
</head>
<body>
<b>langkah - langkah membuka notepad</b>
<ol>
<li>klik start</li>
<li>tulis notepad pada search</li>
<li>pilih notepad dan pilih</li>
</body>
</html>
<head><title>tugas membuat odered list</title>
</head>
<body>
<b>langkah - langkah membuka notepad</b>
<ol>
<li>klik start</li>
<li>tulis notepad pada search</li>
<li>pilih notepad dan pilih</li>
</body>
</html>
tugas format teks 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>
<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>
tugas unordered list 2
<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>
<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>
tugas tabel 2
<head>
<tittle>penggunaan ALIGN</tittle>
</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><th>Solo</th>
<tr>
<tr>
<th rowspan ="2">Jenis Kelamin</th>
<th>Pria</yh>
<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>
<tittle>penggunaan ALIGN</tittle>
</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><th>Solo</th>
<tr>
<tr>
<th rowspan ="2">Jenis Kelamin</th>
<th>Pria</yh>
<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>
tabel spaning 3
</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>
<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>
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>
<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>
dokumen html 2
<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" cellspancing="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</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" cellspancing="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>
tugas dokumen html 1
<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>
<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>
Senin, 14 November 2016
leftt index
<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> </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="#FFFF98">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</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> </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="#FFFF98">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>
jobseet
<html>
<head>
<title>right color</title>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="450" border="2" align="center" cellspacing="1">
<tr>
<th width="627" height="23" align="center" bgcolor="orange" colspan="2"><strong>
<font size="+4">SMK KARYA NUGRAHA</font><strong></th>
<tr>
<th width="170" bgcolor="yellow">
<a href="home.html">home</a></br>
<a href="about.html">about</a></br>
<a href="audio.html">audio</a></br>
<a href="gambar.html">gambar</a></br>
<td height="160" align="center" valign="center" bgcolor ="white">
<b>INTRODUCE MY SELF</b>
<p> Perkenalkan nama saya riwan dwi agana alamat randusari,teras,Boyolali,Jawa Tengah,
sekolah di SMK KARYA NUGRAHA BOYOLALI mengambil jurusan TEKHNIK KOMPUTER DAN JARINGAN ( TKJ ) kelas 10, tempat tanggal lahir Boyolali 20 desember 2000, Thank You Very Much..</p>
</td>
</tr>
<tr>
<td height="35" colspan="2" align="center" bgcolor="orange" font size="+2" >Copyright©sekolahkita.com</font>
</tr>
</td>
</table>
</body>
</html>
<head>
<title>right color</title>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="450" border="2" align="center" cellspacing="1">
<tr>
<th width="627" height="23" align="center" bgcolor="orange" colspan="2"><strong>
<font size="+4">SMK KARYA NUGRAHA</font><strong></th>
<tr>
<th width="170" bgcolor="yellow">
<a href="home.html">home</a></br>
<a href="about.html">about</a></br>
<a href="audio.html">audio</a></br>
<a href="gambar.html">gambar</a></br>
<td height="160" align="center" valign="center" bgcolor ="white">
<b>INTRODUCE MY SELF</b>
<p> Perkenalkan nama saya riwan dwi agana alamat randusari,teras,Boyolali,Jawa Tengah,
sekolah di SMK KARYA NUGRAHA BOYOLALI mengambil jurusan TEKHNIK KOMPUTER DAN JARINGAN ( TKJ ) kelas 10, tempat tanggal lahir Boyolali 20 desember 2000, Thank You Very Much..</p>
</td>
</tr>
<tr>
<td height="35" colspan="2" align="center" bgcolor="orange" font size="+2" >Copyright©sekolahkita.com</font>
</tr>
</td>
</table>
</body>
</html>
Kamis, 13 Oktober 2016
tabel dengan colspan 3
<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>
<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>
dolumen html 2
<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" cellspancing="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</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" cellspancing="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>
online order 3
<html>
<head>
<title>tabel rumit</title>
</head>
<body>
<td>Online Order</td>
<table border="2" width="300" bgcolor=blue>
<tr>
<th bgcolor=greenpink>description </th>
<th bgcolor=yellow>qty </th>
<th bgcolor=orange>price</th>
<th bgcolor=red>email account note</th>
</tr>
<tr>
<td width="100" bgcolor=greenpink>email account </td>
<td bgcolor=yellow>10</td>
<td bgcolor=orange>$9.90</td>
<td rowspan="5">
<table border="2">
<tr>
<td bgcolor=red>mailbox </td>
<td bgcolor=red>10 Gb</td>
</tr>
<tr>
<td bgcolor=red>webmail</td>
<td bgcolor=red>yes</td>
</tr>
<tr>
<td bgcolor=red>POP3</td>
<td bgcolor=red>yes</td>
</tr>
<tr>
<td bgcolor=red>IMAP</td>
<td bgcolor=red>yes</td>
</tr>
<tr>
<td bgcolor=red>Anti-Spam</td>
<td bgcolor=red>yes</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor=greenpink>FYIcenter.com ad</td>
<td bgcolor=yellow>1</td>
<td bgcolor=orange>$99.00</td>
</tr>
<tr>
<td bgcolor=greenpink>1-year access </td>
<td bgcolor=yellow>1</td>
<td bgcolor=orange>$199.00</td>
</tr>
<tr>
<td colspan="2" align="right">shipping</td>
<td bgcolor=orange>$3.99</td>
</tr>
<tr>
<td colspan="2" align="right">Tax</td>
<td bgcolor=orange>$15.99</td>
</tr>
</table>
</body>
</html>
<head>
<title>tabel rumit</title>
</head>
<body>
<td>Online Order</td>
<table border="2" width="300" bgcolor=blue>
<tr>
<th bgcolor=greenpink>description </th>
<th bgcolor=yellow>qty </th>
<th bgcolor=orange>price</th>
<th bgcolor=red>email account note</th>
</tr>
<tr>
<td width="100" bgcolor=greenpink>email account </td>
<td bgcolor=yellow>10</td>
<td bgcolor=orange>$9.90</td>
<td rowspan="5">
<table border="2">
<tr>
<td bgcolor=red>mailbox </td>
<td bgcolor=red>10 Gb</td>
</tr>
<tr>
<td bgcolor=red>webmail</td>
<td bgcolor=red>yes</td>
</tr>
<tr>
<td bgcolor=red>POP3</td>
<td bgcolor=red>yes</td>
</tr>
<tr>
<td bgcolor=red>IMAP</td>
<td bgcolor=red>yes</td>
</tr>
<tr>
<td bgcolor=red>Anti-Spam</td>
<td bgcolor=red>yes</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor=greenpink>FYIcenter.com ad</td>
<td bgcolor=yellow>1</td>
<td bgcolor=orange>$99.00</td>
</tr>
<tr>
<td bgcolor=greenpink>1-year access </td>
<td bgcolor=yellow>1</td>
<td bgcolor=orange>$199.00</td>
</tr>
<tr>
<td colspan="2" align="right">shipping</td>
<td bgcolor=orange>$3.99</td>
</tr>
<tr>
<td colspan="2" align="right">Tax</td>
<td bgcolor=orange>$15.99</td>
</tr>
</table>
</body>
</html>
tabel 4
<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="yellow">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="orange" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="greenpink"><font color="white">riwan</font></td>
<td bgcolor="purple" width><font color=white>dwi agana</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="yellow">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="orange" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="greenpink"><font color="white">riwan</font></td>
<td bgcolor="purple" width><font color=white>dwi agana</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
tabel 5
<head>
<title>tabel rumit</title>
</head>
<body>
<b>Dibuat oleh Riwan Dwi Agana</b>
<table bgcolor="greenpink" width="300">
<td> table>tr>td
<table bgcolor="yellow" width="280" height="70" align="center">
<tr>
<td valign="top">table>tr>td</td>
</tr>
</table>
</td>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="80" align="center">
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="90" align="center" >
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="100" align="center">
<tr>
<td> table>tr>td
<table>
<td bgcolor="orange" width="40" height="350" valign="top">td</td>
<td bgcolor="orange" width="150" height="350" valign="top">td
<table width="130" bgcolor="red" height="250" align="center">
<tr>
<td valign="top">table>tr>td
<table>
<td bgcolor="white" width="170" height="40">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="40" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="40" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="80" valign="top">td</td>
</table>
</td>
</tr>
</table>
<td bgcolor="orange "width="40" height="350" valign="top">td</td>
</td>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="yellow" width="300">
<tr>
<td>
<table bgcolor="orange" width="280" height="40" align="center">
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
tabel dengan rowspan
<html>
<head>
<title>dengan rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">namaperumahan </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>
</table>
</body>
</html>
<head>
<title>dengan rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">namaperumahan </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>
</table>
</body>
</html>
top index
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" 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
atau iklan</font></strong>
</td>
</tr>
<tr>
<td height="27" align="center" bgcolor="#ff0000">daftar isi atau navigasi <font>
</td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#ff66cc">
<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="#ff6633">body atau contents (isi)</font></p>
</td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#ccff99"><font color=#9966cc">info tambahan atau lain-lain </font>
</td>
</tr>
</table>
</form>
</body>
</html>
Kamis, 29 September 2016
Trik Membuat Tabel di Dalam Tabel
Trik membuat Tabel di Dalam Tabel. Hai teman teman, kali ini saya akan membagi cara membuat tabel seperti gambar di bawah ini :
Untuk mendownload skrip HTML nya bisa di klik link di bawah ini !!!
Untuk mendownload skrip HTML nya bisa di klik link di bawah ini !!!
Kamis, 08 September 2016
TABEL DENGAN COLSPAN
<html>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="co1">Perumahan</th>
<th colspan="4" scope="co1">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>
<head>
<title>Tabel dengan Colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="co1">Perumahan</th>
<th colspan="4" scope="co1">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>
TABEL DENGAN NAMA
<html>
<head>
<title>Tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="co1">Nama Perumahan </th>
<th scope="co1">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>
<head>
<title>Tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="co1">Nama Perumahan </th>
<th scope="co1">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
tugas tabel kolom html 1
<html>
<head>
<title>table</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=pink>baris 1 kolom 1</td>
<td bgcolor=#ff6633>baris 1 kolom 2</td>
</tr>
<tr>
<td bgcolor=#blue> 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>
<head>
<title>table</title>
</head>
<body>
berikut contoh tabel dengan rowspan dan colspan
<table width=80% border=2 cellspacing=0 cellpadding=0>
<tr>
<td bgcolor=pink>baris 1 kolom 1</td>
<td bgcolor=#ff6633>baris 1 kolom 2</td>
</tr>
<tr>
<td bgcolor=#blue> 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>
tugas tabel html
</head>
<table border=1 bgcolor=#3366f
<tr bgcolor=#cc66cc >
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr bgcolor=red>
<tr bgcolor=#cc6699>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr>
<tr bgcolor=#ff0099>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr>
</table>
</body>
</html>
<table border=1 bgcolor=#3366f
<tr bgcolor=#cc66cc >
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr bgcolor=red>
<tr bgcolor=#cc6699>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr>
<tr bgcolor=#ff0099>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
<td>data baris 1 kolom 2 </td>
</tr>
</table>
</body>
</html>
TUGAS LIST KOMBINASI
<html>
<head>
<title>list kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum / Legal Operasional</li>
<li>Aspek Institusional</li>
<li>Cakupan Pelayanan</li>
<li>Aspek Teknis dan Teknologi</li>
<ol type="a">
<li>Tempat Penampungan Sementara (TPS)</li>
<li>Tempat Pemprosesan Akhir (TPA)</li>
</ol>
<li>Peran serta Masyarakat dan Jender dalam Pengolahan Sampah</li>
<li>Permasalahan dalam Pengolahan Sampah</li>
</li>
</ol>
</body>
</html>
<head>
<title>list kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum / Legal Operasional</li>
<li>Aspek Institusional</li>
<li>Cakupan Pelayanan</li>
<li>Aspek Teknis dan Teknologi</li>
<ol type="a">
<li>Tempat Penampungan Sementara (TPS)</li>
<li>Tempat Pemprosesan Akhir (TPA)</li>
</ol>
<li>Peran serta Masyarakat dan Jender dalam Pengolahan Sampah</li>
<li>Permasalahan dalam Pengolahan Sampah</li>
</li>
</ol>
</body>
</html>
Senin, 29 Agustus 2016
TUGAS LIST KOMBINASI 1
<html>
<head>
<title> List Kombinasi </title>
</head>
<body>
<ol>Tipe-tipe Tulisan Sandi
<li>Sandi Abjad/Sandi Balik</li>
<li>Sandi Koordinat</li>
<li>Asndi Angka</li>
<li>Sandi Napoleon</li>
<li>Sando Morse</li>
<ul type="square">
<li>Sandi Rumput</li>
<li>Sandi Bangun (Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse1</li>
</ul>
<li>Sandi Semaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomer</li>
<li>Sandi Geser</li>
<li>Sandi Naik turun Tingkat</li>
</body>
</html>
<head>
<title> List Kombinasi </title>
</head>
<body>
<ol>Tipe-tipe Tulisan Sandi
<li>Sandi Abjad/Sandi Balik</li>
<li>Sandi Koordinat</li>
<li>Asndi Angka</li>
<li>Sandi Napoleon</li>
<li>Sando Morse</li>
<ul type="square">
<li>Sandi Rumput</li>
<li>Sandi Bangun (Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse1</li>
</ul>
<li>Sandi Semaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomer</li>
<li>Sandi Geser</li>
<li>Sandi Naik turun Tingkat</li>
</body>
</html>
Jumat, 26 Agustus 2016
IMPIAN KU DI SMK KARYA NUGRAHA
IMPIAN KU
1.saya ingin mengasah bakat
2.saya ingin menambah kemampuan
3.saya ingin mempunyai teman yg banyak
4.saya ingin menjadi programer
5.saya ingin mempunyai komputer sendiri
6.saya ingin terkenal lewat online
7.saya ingin membahagiakan oranng tua lewat online
8.saya ingin mengejar cita-cita
9.saya ingin bakat di komputer
10.saya ingin bisa mempunyai jaringan internet di mana-mana
11.saya ingin bisa membuat model komputer sendiri
12.saya ingin mendesain komputer agar lebih canggih
13.saya ingin mouse dgn bentuk lebih menarik
14.saya ingin membuat aplikasi yg COOL
15.saya ingin mendirikan sekolah berjurusan komputer
16.saya ingin mempunyai mobil banyak
17.saya ingin mempunyai sepeda banyak
18.saya ingin mempunyai rumah mewah
19.saya ingin mempunyai pabrik gula
20.saya ingin mempunyai istri cantik dan bohai
21.saya ingin menikmati hasil kerja saya sendiri
22.saya ingin mempunyai anak laki-laki dan perempuan
23.saya ingin menyekolahkan anak saya sampai ke luar negri
24.saya ingin mendirikan sekolah berjurusan komputer
25.saya ingin orang tua saya ke tanah suci
1.saya ingin mengasah bakat
2.saya ingin menambah kemampuan
3.saya ingin mempunyai teman yg banyak
4.saya ingin menjadi programer
5.saya ingin mempunyai komputer sendiri
6.saya ingin terkenal lewat online
7.saya ingin membahagiakan oranng tua lewat online
8.saya ingin mengejar cita-cita
9.saya ingin bakat di komputer
10.saya ingin bisa mempunyai jaringan internet di mana-mana
11.saya ingin bisa membuat model komputer sendiri
12.saya ingin mendesain komputer agar lebih canggih
13.saya ingin mouse dgn bentuk lebih menarik
14.saya ingin membuat aplikasi yg COOL
15.saya ingin mendirikan sekolah berjurusan komputer
16.saya ingin mempunyai mobil banyak
17.saya ingin mempunyai sepeda banyak
18.saya ingin mempunyai rumah mewah
19.saya ingin mempunyai pabrik gula
20.saya ingin mempunyai istri cantik dan bohai
21.saya ingin menikmati hasil kerja saya sendiri
22.saya ingin mempunyai anak laki-laki dan perempuan
23.saya ingin menyekolahkan anak saya sampai ke luar negri
24.saya ingin mendirikan sekolah berjurusan komputer
25.saya ingin orang tua saya ke tanah suci
Senin, 22 Agustus 2016
Tugas Struktur Dasar Halaman Web
<html>
<head>
<tittle>Assalamualaikum</tittle>
</head>
<body>
<p> nama saya Riwan Dwi Agana. Saya lahir pada tanggal 20 desember 2000. Saya anak kedua dari 4 bersaudara. saya
tinggal di desa tukangan. hobiku badminton . cita-cita saya inggin menjadi tentara. </p>
<p> sekian terimakasih. atas perhatiannya yaa. wassalamualaikum wr wb. </p>
</body>
</html>
<head>
<tittle>Assalamualaikum</tittle>
</head>
<body>
<p> nama saya Riwan Dwi Agana. Saya lahir pada tanggal 20 desember 2000. Saya anak kedua dari 4 bersaudara. saya
tinggal di desa tukangan. hobiku badminton . cita-cita saya inggin menjadi tentara. </p>
<p> sekian terimakasih. atas perhatiannya yaa. wassalamualaikum wr wb. </p>
</body>
</html>
Tugas Heading 2
<html>
<head>
<title>Heading</title>
</head>
<body>
<h1>This is heading 1 Riwan dwi agana </h1>
<h2>This is heading 2 X-TKJ 2</h2>
<h3>This is heading 3 25</h3>
<h4>This is heading 4 badminton</h4>
<h5>This is heading 5 SMK Karya Nuagraha Boyolali</h5>
<h6>This is heading 6 tentara</h6>
</body>
</html>
<head>
<title>Heading</title>
</head>
<body>
<h1>This is heading 1 Riwan dwi agana </h1>
<h2>This is heading 2 X-TKJ 2</h2>
<h3>This is heading 3 25</h3>
<h4>This is heading 4 badminton</h4>
<h5>This is heading 5 SMK Karya Nuagraha Boyolali</h5>
<h6>This is heading 6 tentara</h6>
</body>
</html>
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>
Tugas Format Teks 2
<html>
<head>
<title>quotation</title>
</head>
<body>
Tulisa Ini Bukan quotation
<blockquote>
Tuisan Ini Adalah quotation <br>
Tuisan Ini Adalah quotation <br>
Tuisan Ini Adalah quotation <br>
</blockquote>
</body>
</html>
<head>
<title>quotation</title>
</head>
<body>
Tulisa Ini Bukan quotation
<blockquote>
Tuisan Ini Adalah quotation <br>
Tuisan Ini Adalah quotation <br>
Tuisan Ini Adalah quotation <br>
</blockquote>
</body>
</html>
Tugas Ordered Lis 1
<html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol>
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol>
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>
Tugas Format Teks 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>
<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>
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>
Langganan:
Postingan (Atom)