HTML Code:
About Me
<!doctype html - Date: 30-01-17>
<html>
<head>
<meta charset="utf-8">
<title>About me layout</title>
<link rel="shortcut icon" href="images/favicon-vflk5FiAC.ico">
</head>
<body background="images/bg.jpg">
<table width="800" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="150" bgcolor="#99CC99"> </td>
</tr>
<tr>
<td><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="160" height="35" bgcolor="#0099CC"><a href="index.html" target="_blank">HOME</a></th>
<th width="160" height="35" bgcolor="#99FFFF"><a href="aboutme.html" target="_blank">ABOUT ME</a></th>
<th width="160" height="35" bgcolor="#FFCCFF"><a href="client.html" target="_blank">CLIENT</a></th>
<th width="160" height="35" bgcolor="#FFCCCC"><a href="gallery.html" target="_blank">GALLERY</a></th>
<th width="160" height="35" bgcolor="#CCCC99"><a href="contact.html" target="_blank">CONTACT US</a></th>
</tr>
</table>
</td>
</tr>
<tr>
<td> <marquee behavior="alternate" direction="right" bgcolor="#0099FF"> ciw</marquee></td>
</tr>
<tr>
<td><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" height="300" bgcolor="#99CC99"> </td>
<td width="600" height="300" bgcolor="#9999CC" valign="top"><h2 align="center">ABOUT ME PAGE</h2></td>
</tr>
</table></td>
</tr>
<tr>
<td height="80" bgcolor="#CCCCFF"> </td>
</tr>
</table>
</body>
</html>
Index HTML Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>basic layout</title>
<link rel="shortcut icon" href="images/favicon-vflk5FiAC.ico">
</head>
<body background="images/bg.jpg">
<table width="800" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="150" bgcolor="#99CC99"> </td>
</tr>
<tr>
<td><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="160" height="35" bgcolor="#0099CC"><a href="index.html" target="_blank">HOME</a></th>
<th width="160" height="35" bgcolor="#99FFFF"><a href="aboutme.html" target="_blank">ABOUT ME</a></th>
<th width="160" height="35" bgcolor="#FFCCFF"><a href="client.html" target="_blank">CLIENT</a></th>
<th width="160" height="35" bgcolor="#FFCCCC"><a href="gallery.html" target="_blank">GALLERY</a></th>
<th width="160" height="35" bgcolor="#CCCC99"><a href="contact.html" target="_blank">CONTACT US</a></th>
</tr>
</table>
</td>
</tr>
<tr>
<td> <marquee behavior="alternate" direction="right" bgcolor="#0099FF"> ciw</marquee></td>
</tr>
<tr>
<td><table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200" height="300" bgcolor="#99CC99"> </td>
<td width="600" height="300" bgcolor="#9999CC" valign="top"><h2 align="center">HOME PAGE</h2></td>
</tr>
</table></td>
</tr>
<tr>
<td height="80" bgcolor="#CCCCFF"> </td>
</tr>
</table>
</body>
</html>
Result of Above Code:
Marque
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<table width="600" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="200"><marquee>ciw1</marquee></td>
<td width="200"><marquee direction="right">ciw2</marquee></td>
<td width="200"><marquee direction="down"> <center>ciw3</center></marquee></td>
</tr>
<tr>
<td><marquee scrollamount="25">ciw4</marquee></td>
<td><marquee scrolldelay="750">ciw5</marquee></td>
<td><marquee scrollamount="1">ciw6</marquee></td>
</tr>
<tr>
<td><marquee behavior="alternate" direction="right">ciw7</marquee></td>
<td><marquee behavior="slide" direction="down" height="200">ciw8</marquee></td>
<td><marquee loop="4">ciw9</marquee></td>
</tr>
<tr>
<td><marquee><img src="images/Penguins.jpg" height="50" width="50"> </marquee></td>
<td><marquee behavior="alternate" direction="right"><img src="images/Penguins.jpg" height="50" width="50"><img src="images/Tulips.jpg" width="50" height="50">
</marquee></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Result of Marquee:
0 Komentar untuk "HTML Programming for Wordpress Website Part3"