Pages

Diberdayakan oleh Blogger.

Minggu, 13 November 2016

skript menambahkan gambar animasi gif kedalam tabel.html

<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
 <table width="800" height="512" border="0" align="center"cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB SOLAIMAN TKJ 1</font></strong></td>
</tr>
<tr>
 <th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p><a href="file:///E:/HOME.html">HOME</a></p>
<p><a href="file:///E:/ABOUT%20MEEE.html">ABOUT ME</a></p>
<p><a href="file:///E:/MY%20MUSIC.html">MY MUSIC</a></p>
<p><a href="file:///E:/MY%20VIDEO.html">MY VIDEOS</a></p>
<p><a href="file:///E:/MY%20PHOTOS.html">MY PHOTOS</a></p>
    </th>
    </th>
<tr>
 <td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
   <p><img src="dp-bbm-hanya-gendang-caak-met-mengerti-perasanku-ini.gif" height="200" HEIGHT="200"></p></td>
</tr>
<tr>
 <td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright&copy;SOLAIMAN TKJ 1.com</strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</body>
</html>A

skript menambahkan vidio kedalam tabel.html

<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
 <table width="800" height="512" border="0" align="center"cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB SOLAIMAN TKJ 1</font></strong></td>
</tr>
<tr>
 <th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p><a href="file:///E:/HOME.html">HOME</a></p>
<p><a href="file:///E:/ABOUT%20MEEE.html">ABOUT ME</a></p>
<p><a href="file:///E:/MY%20MUSIC.html">MY MUSIC</a></p>
<p><a href="file:///E:/MY%20VIDEO.html">MY VIDEOS</a></p>
<p><a href="file:///E:/MY%20PHOTOS.html">MY PHOTOS</a></p>
    </th>
    </th>
<tr>
 <td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
   <p><video width="320" height="240" controls><source src="videoku/doleman.MP4" type="video/mp4"></p></td>
</tr>
<tr>
 <td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright&copy;SOLAIMAN TKJ 1.com</strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</body>
</html>

skript menambahkan gambar/fotho pada tabel.html

<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
 <table width="800" height="512" border="0" align="center"cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB SOLAIMAN TKJ 1</font></strong></td>
</tr>
<tr>
 <th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p><a href="file:///E:/HOME.html">HOME</a></p>
<p><a href="file:///E:/ABOUT%20MEEE.html">ABOUT ME</a></p>
<p><a href="file:///E:/MY%20MUSIC.html">MY MUSIC</a></p>
<p><a href="file:///E:/MY%20VIDEO.html">MY VIDEOS</a></p>
<p><a href="file:///E:/MY%20PHOTOS.html">MY PHOTOS</a></p>
    </th>
    </th>
<tr>
 <td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
   <p><img src="pallapa.jpg" height="200" HEIGHT="200"></p></td>
</tr>
<tr>
 <td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright&copy;SOLAIMAN TKJ 1.com</strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</body>
</html>

cara menambahkan musik kedalam tabel.html

<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
 <table width="800" height="512" border="0" align="center"cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB SOLAIMAN TKJ 1</font></strong></td>
</tr>
<tr>
 <th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p><a href="file:///E:/HOME.html">HOME</a></p>
<p><a href="file:///E:/ABOUT%20MEEE.html">ABOUT ME</a></p>
<p><a href="file:///E:/MY%20MUSIC.html">MY MUSIC</a></p>
<p><a href="file:///E:/MY%20VIDEO.html">MY VIDEOS</a></p>
<p><a href="file:///E:/MY%20PHOTOS.html">MY PHOTOS</a></p>
    </th>
    </th>
<tr>
 <td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
   <p><audio controls><source src="audio/rekaman.ogg" type="audio/ogg"></p></td>
</tr>
<tr>
 <td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright&copy;SOLAIMAN TKJ 1.com</strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</body>
</html>

contoh script dengan home

<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
 <table width="800" height="512" border="0" align="center"cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB SOLAIMAN TKJ 1</font></strong></td>
</tr>
<tr>
 <th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p>HOME</p>
    </th>
<tr>
 <td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
   <p>Selamat Datang di Web Sola</p></td>
</tr>
<tr>
 <td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright&copy;SOLAIMAN TKJ 1.com</strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</body>
</html>

membuat tabel tentang saya

<!DECOTYPE html>
<head>
<title>Jobsheet</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
 <table width="800" height="512" border="0" align="center"cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font size="+4">WEB SOLAIMAN TKJ 1</font></strong></td>
</tr>
<tr>
 <th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00"><p>Menu</p>
    <p>Profil Sekolah</p>
    <p>Galery Foto</p>
    <p>Kegiatan</p>
    <p>Hubungi Kami</p></th>
<tr>
 <td height="456" align="center" valign="top" bgcolor="#FFFFFF" rowspan="2">
   <p>Nama:solaiman</p>
   <p>Tempat Tanggal Lahir:boyolali,05 maret 2000</p>
   <p>Alamat:Ringinlarik Musuk Byl</p>
   <p>Hobby:Joky</p>
   <p>Umur:16</p>
   <p>Kelas:x Tkj 1</p>
   <p>Sekolah:SMK Karyanuggraha</p></td>
</tr>
<tr>
 <td height="15" align="center" bgcolor="#FF8C00" colspan="2"><strong><font size="+3">Copyright&copy;SOLAIMAN TKJ 1.com</strong></font><font color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</body>
</html>

Minggu, 09 Oktober 2016

layout split

<!DOCTYPE html>
<head>
<title>Layout Split</title>
</head>
<body>
<form id="forml" name="forml" 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>

alternating index

<!DOCTYPE html>
<head>
<title>Alternating Index</title>
</head>
<body>
<form id="forml" name="forml" 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></td>
</tr>
</table>
</form>
</body>
</html>

left index

<!DOCTYPE html>
<head>
<title>left colour</title>
</head>
<body>
<from id="froml" name="forml" 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>porofile</p>
<p>about us</p>
<p>blog</p>
<p>contact us</p></th>
<th width=627 height="23" algin="center" bgcolor="#FFFF99"><strong<font color="#CCCCCC" size="+4">electronic
shop</font></strong></th>
</tr>
<tr>
<td height="176" algin="center" valign="top" bgclor="#FFFF99"><&nbsp;<p/>
<p>selamat datang di web kami,penjualan produk online ini adalah yang pertama di kota kami.
kualitas dan harg dapat dipercya langsung saja pesan dan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td height="30" align="center" bgcolor="#FFFF99"><font size="+2">porofilkami.com</font></td>
</tr>
</table>
</from>
</body>
</html>



Senin, 03 Oktober 2016

script bottom index

<!DOCTYPE html>
<head>
<title>top index</title>
</head>
<body>
<from id="froml" 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">benner / 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>


script top index

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="formle" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center"
birdercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">benar
atau iklan</font></strong></td>
</tr>
<tr>
<td height="27" align="center"
bgcolor=#FFCCCC"><font color="#FF0000">daftar isi atau navigasi </font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#FF66CC">
<p>body atau contets (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=#"CC0000">body atau contents (isi) </font></p>
<p><font color=#"FF6633">body atau contents (isi) </font></p>
</tr>
<tr>
<td height="23" align="center" bgclor="#CCFF99"><font color="#9966CC">info tambahan atau lain-lain</font></td>
<tr>
</table>
</from>
</body>
</html>


Minggu, 25 September 2016

cara membuat tabel di dalam tabel

<html>
<head>
<title>tabel didalam tabel</title>
</head>
<body>
<table border=1 bgcolor=blue>
<tr>
<td rowspan=2>
<table border=1>
<tr>
<td>table dalam tabel</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1>
<tr>
<td>table dalam tabel</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>

Senin, 05 September 2016

tabel rowspen

<html>
<head>
<title>Tabel dengan Rowspan</title>
</head>



<body>
<table width="500" border="1">
<tr>
<th scope="col">Benua</th>
<th scope="col">Negara</th>
</tr>
<tr>
<td rowspan="4">Asia</td>
<td>Arab Saudi</td>
</tr>
<tr>
<td>India</td>
</tr>
<tr>
<td>Indonesia</td>
</tr>
<td>Singapura</td>
</tr>
<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>
<html>

tabel rowspan dan colspan

<html>
<head>
<title>Tabel Rowspan dan Colspan</title>
</head>



<body>
<table width="500" border="1">
<tr>
<th bgcolor=red>Apel</th>
<th rowspan="2">Jeruk</th>
<th bgcolor=green>Mangga</th>
</tr>
<tr>
<td>Pisang</th>
<td>Nanas</td>
</tr>
</table>
</body>
</html>

Minggu, 04 September 2016

tabel dengan rowspan dan colspan

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

penggunaan align

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

tipa-tipe tulisan sandi

<html>
<head>
<title>kombinasi list</title>
Tipe-Tipe Tulisan Sandi
</head>
<body>
<ol type="1">
<li>Sandi Abjad/Sandi balik</li>
<li>Sandi koordinat</li>
<li>Sandi angka</li>
<li>Sandi napoleon</li>
<li>Sandi morse</li>
         <ul type="circle">
         <li>Sandi rumput</li>
         <li>Sandi bangun (Bentuk)</li>
         <li>Sandi Kimia</li>
         <li>Sandi morse 1/</li>
         </ul>
<li>Sandi Semaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomor</li>
<li>Sandi Geser</li>
<li>Sandi Naik Turun Tingkat</li>
</ol>
</body>
</html>

kombinasi list

<html>
<head>
<title>kombinasi list</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 Pemrosesan Akhir(TPA)</li>
         </ol>
<li>Peran serta Masyarakat dan Jender dalam Pengelolaan Sampah</li>
<li>Permasalahan dalam Pengelolaan Sampah</li>
</ol>
</body>
</html>

Minggu, 28 Agustus 2016

unordered list

<html>
<head>
<title>unodered list</title>
</head>
<body>

<ul type="circle">

<li>keyboard</li>
<li>mouse</li>
<li>lightpen</li>
<li>monitor</li>
<li>modem</li>
</ul>

</body>

</html>
<html>
<head>
<title>unodered list</title>
</head>
<body>

<ul type="square">

<li>keyboard</li>
<li>mouse</li>
<li>lightpen</li>
<li>monitor</li>
<li>modem</li>
</ul>

</body>

</html>
<html>
<head>
<title>unodered list</title>
</head>
<body>

<ul type="disk">

<li>keyboard</li>
<li>mouse</li>
<li>lightpen</li>
<li>monitor</li>
<li>modem</li>
</ul>

</body>

</html>

Senin, 22 Agustus 2016

ODEREDLIST

<html>
<head>
<title>odered list</title>
</hed>
<body>

<oltype="I">

<li>klik star</li>
<li>all progam</li>
<li>klik accesoris</li>
<li>pilih notepod</li>
<li>notepod siap digunakan</li>
</ol>

</body>

</html>

<html>
<head>
<title>odered list</title>
</hed>
<body>

<oltype="I">

<li>klik star</li>
<li>all progam</li>
<li>klik accesoris</li>
<li>pilih notepod</li>
<li>notepod siap digunakan</li>
</ol>

</body>

</html>

<html>
<head>
<title>odered list</title>
</hed>
<body>

<oltype="A">

<li>klik star</li>
<li>all progam</li>
<li>klik accesoris</li>
<li>pilih notepod</li>
<li>notepod siap digunakan</li>
</ol>

</body>

</html>




Minggu, 21 Agustus 2016

PRE FORMAT 2

<html>

<head>

<title>Tag Preformatted</title>

</head>

<body>

<pre>

This section provides a brief overview of the menus in

Dreamweafer.

   The File menu and Edit menu contain the standard menu items for File and Edit.

menus, such as New, Open, Save, Save All, Cut, Copy, Paste,

Undo,and Redo

</pre>

<pre>

Ini adalah

preformatted text.

Menampilkan       spasi

Dan line break apa adanya.

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

QUOTATION

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

</html>

PRE FORMAT

<HTML>
<HEAD>
<TITLE>Preformat</TITLE>
</HEAD>
<BODY>
<H2>Daftar Harga Keladi:</H2>
<PRE>
Red Flash. . . . . . . . .35.000
Red Fire. . . . . . . . . . .60.000
Fannie Munson. . . .60.000
</PRE>
Harga sewaktu-waktu bisa berubah.
</BODY>
</HTML>

format teks

<html>
<head>
<title>format teks</title>
</head>
<body>
<p>
<b>Tulisan ini ditebalkan (bold)</b>
</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
<sup>subscript</sup>
</p>
</body>
</html>



Sabtu, 13 Agustus 2016

HTML PARAGRAF



<!DOCTYPE html>
<html>
<head>
<tittle>paragraf</tittle>
</head>
<body>
<p>Ini adalah paragraf.Ini adalah paragraf.Ini adalah paragraf.Ini adalah paragraf.Ini adalah paragraf.Ini adalah paragraf.</p>
<p>Ini paragraph lainnya.Ini paragraph lainnya.Ini paragraph lainnya.Ini paragraph lainnya.Ini paragraph lainnya.</p>
</body>
</html>

HEADING HTML



<!DOCTYPE html>
<html>
<head>
<title>Heading</title>
</head>
<body>
<h1>This is heading 1 Solaiman</h1>
<h2>This is heading 2 27</h2>
<h3>This is heading 3 Smk karya nugraha boyolali</h3>
<h4>This is heading 4 Pengusaha</h4>
</body>
</html>