Minggu, 13 November 2016

cara membuat link suara didalam HTML

<!DECOTYPE html>
<head>
<title>Web Personal</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 Personal</font></strong></td>
</tr>
<tr>
 <th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
    <p>Audio</p></th>
<tr>
 <td height="456" align="center" valign="top" bgcolor="#FFFFFF"

rowspan="2">
   <p><audio controls><source src="Audio/Suara001.mp3"

type="audio/mp3"></audio></p>
   <p><audio controls><source src="Audio/Suara001.ogg"

type="audio/ogg"></audio></p>
   <p><audio controls><source src="Audio/Suara001.wav"

type="audio/wav"></audio></p></td>
</tr>
<tr>
 <td height="15" align="center" bgcolor="#FF8C00"

colspan="2"><strong><font size="+3">Copyright&copy;istiani-

tkj1.co.id</strong></font><font color="#9966CC"

size="+2">&nbsp;</font></td>
</tr>
</table>
</form>
</body>
</html>
Diposting oleh di Tidak ada komentar:
Label:

cara membuat link gambar di dalam HTML

<!DECOTYPE html>
<head>
<title>WEB PERSONAL</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 Personal</font></strong></td>
</tr>
<tr>
 <th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p>Home</p>
<p>About</p>
<p>Galeri Foto</p>
<p>Galeri Audio</p>
<p>Galeri Video</p></th>
<tr>
 <td height="456" align="center" valign="top" bgcolor="#FFFFFF"

rowspan="2">
<p><img src="14695341_350889505247361_329968208989308754_n.jpg"

width="356" height="356"><p></td>
</tr>
<tr>
 <td height="15" align="center" bgcolor="#FF8C00"

colspan="2"><strong><font

size="+3">Copyright&copy;fennykurniawati.co.id</strong></font><font

color="#9966CC" size="+2">&nbsp;</font></td>
</tr>
</table>
</form>
</body>
</html>

Diposting oleh di Tidak ada komentar:
Label:

cara membuat link dalam HTML

<!DOCTYPE html>
<head>
<title>Left Color</title>
</head>
<body>
<form id="forml" name="forml" method="post"action="">
<table width="800" height="447"align="center"cellspacing="0">
<tr>
<th width="627" height="23"colspan="2"

align="center"bgcolor="#FF800"><strong><font color="#000000"size="+4">

WEB PRIBADI FENNY KURNIAWATI</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="1.html">Home</a><br/></p>
<p><a href="2.html">About</a><br/></p>
<p><a href="3.html">Galeri Foto</a><br/></p>
<p><a href="4.html">Galeri Audio</a><br/></p>
<p><a href="15.html">Galeri Video</a><br/></p></th>
<td

height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
<p>SELAMAT DATANG DI WEB SAYA</p>
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font

size="+2">Copyright &copy;fennykurniawati.co.id</td>
</tr>
</table>
</form>
</body>
</html>
Diposting oleh di Tidak ada komentar:
Label:

cara membuat animasi gif.jpg,png dalam HTML

<html>
<head>
<title>Gambar</title>
</head>
<body>
 <p>Latihan menambahkan gambar GIF, JPG, dan PNG</h2>
 <p>Menampilkan gambar dalam format GIF:</p>
<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
 <img src="http://gambar-kata.com/wp-content/uploads/2013/10/gambar-dp-

bbm-bergerak.gif"width="100" height="150"/>

<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
<p>Menampilkan gambar dalam format JPG:</p>
 <img src="http://1.bp.blogspot.com/-

Nv9BNNAdFcY/UMQlQx7q59I/AAAAAAAAAkE/6ZlZ1V-

jJXE/s1600/gambar-doraemon-lucu.jpg"width="100" height="150"/>

<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
<p>Menampilkan gambar dalam format PNG:</p>
 <img src="http://www.igambars.xyz/wp-content/uploads/2015/11/Gambar-

Doraemon-Background-Transparan.png"width="100" height="150"/>

</body>
</html>
Diposting oleh di Tidak ada komentar:
Label:

Minggu, 30 Oktober 2016

Latihan Menambahkan Gambar GIF,JPG, Dan PNG

<html>
<head>
<title>Gambar</title>
</head>
<body>
 <p>Latihan menambahkan gambar GIF, JPG, dan PNG</h2>
 <p>Menampilkan gambar dalam format GIF:</p>
 <img src="http://www.igambars.xyz/wp-content/uploads/download-gambar-animasi-bergerak-gif-20150914093709-55f69545ea51b.gif">

<p>Menampilkan gambar dalam format JPG:</p>
 <img src="http://narutoeverlast.faa.im/files/naruto-rikodo-sasuke.jpg">

<p>Menampilkan gambar dalam format PNG:</p>
 <img src="http://orig05.deviantart.net/0255/f/2013/264/9/2/naruto_render_03_by_ivan_otaku-d6nafbm.png">

</body>
</html>
Diposting oleh di Tidak ada komentar:
Label: , ,

Minggu, 09 Oktober 2016

ULANGAN

<!DOCTYPE html>
<head>
<title>left colour </title>
</head>
<body>
<form id="forml"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="#FFFF00"><p>menu</p>
<p>profil sekolah</p>
<p>galery foto</p>
<p>kegiatan</p>
<p>hubungi kami</p></th>
<th width="627"height="23"align="center"bgcolor=#FF8C00"><strong><font color="#CCCCCC"size="+4">WEB SEKOLAH KITA
</font></strong></th>
</tr>
<tr>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp:</p>
<p>ISI DARI HALAMAN WEB
<p>Fenny Kurniawati</p>
<p>Rancah,Jelok,Cpg,Byl</p>
<p>Boyolali,05 Mei 2001</p>
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FF8C00">
<font size="+2">copyright&copy;sekolahkita.com</font></td>
</tr>
</table>
</form>
</body>

Diposting oleh di Tidak ada komentar:
Label:

web sekolah kita

<!DECOTYPE html>
<head>
<title>Left colour</title>
</head>
<body>
<form id="forml" 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>Menu,/p>
<p>Profil Sekolah</p>
<p>Galery Foto</p>
<p>Kegiatan</p.
<p>Hubungi Kami</p></th>
<th width="627"height="23"align="center"bgcolor="#FFFF99"><strong><font color="#CCCCCC"size="+4">WEB SEKOLAH KITA
</tr>
<tr>
 <td height="176" align="center"valign="top"bgcolor="#FFFF99"><p>&nbsp;</p>
<p>ISI DARI HALAMAN WEB
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FFFF99"><font size="+2">Copyright©sekolahkita.com
</tr>
</table>
</form>
</body>
</html>

Diposting oleh di Tidak ada komentar:
Label:
Langganan: Postingan (Atom)