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