Minggu, 17 April 2016

Coding audio autoplay

<html>
<head>
<title>M Reza Setiawan</title>
</head>
<body>
<audio autoplay="autoplay" loop="loop">
<source src="CP.mp3" type="audio/mp3">
</audio>
</body>
</html>

Layout halaman tugas 9

contoh coding layout 9

Berikut Hasil kerja saya :D

<html>
<head>
    <title>Layout 9</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="Chartreuse" align=center width=250px height=170px><b>Teks/Daftar isi</td>
        <td bgcolor="Darkviolet" align=center width=250px height=170px><h1><i>Gambar</td></tr>
            <tr><td bgcolor="Darkviolet" align=center width=250px height=170px><h1><i>Gambar</td>
        <td bgcolor="Chartreuse" align=center width=250px height=170px><b>Teks/Daftar isi</td></tr>
    <tr><td bgcolor="grey" colspan=2 align=center width=170px height=100px><b>Lain-lain</td></tr>
</table>
</body>
</html>

contoh hasil nya.. seperti dibawah ini..
Berikut Hasil kerja saya :D
Teks/Daftar isi

Gambar

Gambar

Teks/Daftar isi
Lain-lain

Layout halaman tugas 8

contoh coding layout 8

Berikut hasil kerja saya :D

<html>
<head>
    <title>Layout 8</title>
</head>
<body>
    <table border="1" width="720px" height="520px">
    <tr><td bgcolor=#A52A2A rowspan=2 align=center>Daftar isi</td>
    <td bgcolor=coral align=center><h3>Banner/Judul</h3></td>
    <td bgcolor=#0000FF rowspan=2 align=center>Daftar isi</td></tr>
    <tr><td bgcolor=#blue align=center>
    <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 bgcolor=red colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>
</html>

Berikut hasil kerja saya :D
Daftar isi

Banner/Judul

Daftar isi
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Body atau contents(isi)
Lain-lain

Layout halaman tugas 7

contoh coding layout7

Berikut hasil kerja saya :D

 <html>
<Head>
    <title>Layout 7</title>
</Head>
<body>
        <table bgcolor="#00F000 " border="1" width="820px" height="360px">
            <tr><td bgcolor="#00F000" rowspan="3" align="bottom" width="120px">
            <ul type="disc">
            <li>Home<br></li>
            <li>Profil<br></li>
            <li>About us<br></li>
            <li>Blog<br></li>
            <li>Contact us</td></li>
            <td align=center><h1>House Of Reza setiawan
            </h1></td></tr>
            <tr><td bgcolor="red" align=center>Selamat datang di Page Kami, disini kami menjual berbagai kebutuhan hidup manusia.<p>
                                                    dengan kualitas dan harga yang dapat di percaya </td></tr>
            <tr><td align=center><p> Terima Kasih
                                    (exploreza.blogspot.com)</td></tr>
        </table>
</body>
</html>


Berikut hasil kerja saya :D
  • Home
  • Profil
  • About us
  • Blog
  • Contact us

House Of Reza setiawan

Selamat datang di Page Kami, disini kami menjual berbagai kebutuhan hidup manusia. dengan kualitas dan harga yang dapat di percaya
Terima Kasih (exploreza.blogspot.com)

banner atau judul

contoh coding banner atau judul

Berikut Contoh sederhana yang saya buat !!


<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body background="oya-21.jpg">
<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="#c0c0c0">
<p><font color="#000000">body atau contents(Isi)</p>
<p><font color="00ff00">body atau contents(isi)</p>
<p><font color="ff0000">body atau contents(isi)</p>
<p><font color="ffff00">body atau contents(isi)</p>
<p><font color="ff00ff">body atau contents(isi)</p>
</tr>
<tr>
<td height="23" align="center" bgcolor="#ccff99"><font color="#ff0000">daftar isi atau navigasi</font></td>
</tr>
</table>
</form>
</body>
</html>






Berikut Contoh sederhana yang saya buat !!
Banner/Judul
body atau contents(Isi)
body atau contents(isi)
body atau contents(isi)
body atau contents(isi)
body atau contents(isi)
daftar isi atau navigasi

Banner atau iklan

coding banner atau iklan

Berikut Contoh yang saya buat :)

Top Index
<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1"
method="post" action="">
<table width="500" height="300" 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="#FFCCCC"><font color="#FF0000">Daftar isi atau navigasi </font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#ff66cc">
<p><font color="006600">body atau contents(Isi)</p>
<p><font color="cc0000">body atau contents(isi)</p>
<p><font color="ffff00">body atau contents(isi)</p>
<p><font color="ff6633">body atau contents(isi)</p>
</tr>
<tr>
<td height="23" align="center" bgcolor="#ccff99"><font color="#9966cc">info tambahan atau lain lain</font></td>
</tr>
</table>
</form>
</body>
</html>




Top Index

hasil coding banner atau iklan

Berikut Contoh yang saya buat :) Top Index
Banner atau iklan
Daftar isi atau navigasi
body atau contents(Isi)
body atau contents(isi)
body atau contents(isi)
body atau contents(isi)
info tambahan atau lain lain
Top Index

Daftar Wiraniaga

Coding daftar wiraniaga

<html>
 <head>
 <tittle>penggunaan ALIGN</tittle>
 </head>
 <body>
 <table width=80% border="1">
 <caption>Daftar wiraniaga</caption>
 <tr>
 <th colspan ="2" rowspan="2"bgcolor="blue">WIRANIAGA</th>
 <th colspan="3"bgcolor="cyan">KOTA</th>
 </tr>
 <tr>
 <th bgcolor="red">SEMARANG</th>
 <th bgcolor="red">KUDUS</th><th bgcolor="red">SOLO</th>
 </tr>
 <tr>
 <th rowspan="2"bgcolor="cyan">>Jenis kelamin</th>
 <th bgcolor="red">Pria</th>
 <td align="left"bgcolor="cyan">30</td>
 <td align="center"bgcolor="cyan">30</td>
 <td align="right"bgcolor="cyan">30</td>
 </tr>
 <tr>
 <th bgcolor="cyan">Wanita</th>
 <td align="left"bgcolor="red">20</td>
 <td align="center"bgcolor="red">8</td>
 <td align="right"bgcolor="red">18</td>
 </tr>
 </table>
 </body>
 </html> penggunaan ALIGN
Daftar wiraniaga

Hasil Coding daftar wiraniaga

penggunaan ALIGN
Daftar wiraniaga
WIRANIAGA KOTA
SEMARANG KUDUSSOLO
>Jenis kelamin Pria 30 30 30
Wanita 20 8 18
penggunaan ALIGN Daftar wiraniaga

hasil tabel rowspan dan colspan

berikut contoh tabel dengan rowspan dan colspan
baris 1 kolom 1 baris 1 kolom 2
baris 2 kolom 1
baris 3 kolom 2

contoh coding html rowspan dan colspan

<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>baris 1 kolom 1 </td>
<td>baris 1 kolom 2 </td>
</tr>
<tr>
<td colspan=2>baris 2 kolom 1 </td>
</tr>
<tr>
<td rowspan=2 baris 3 kolom 1 </td>
<td> baris 3 kolom 2 </td>
</tr>
</table>
</body>
</html>