Ini lah design web Ane dengan menggunakan table dan frame. Semoga bermanfaat. Let's see.......
1. Web dengan Table
layout Table:
Code HTML-nya:
<html >
<head>
<title>Selamat datang </title>
</head>
<body>
<table align="center" border="2" height="45%" width="94%">
<tr align="center" bgcolor="#666666" height="30%">
<td height="202" colspan="2" background="Jellyfish.jpg"></td>
</tr>
<tr>
<td width="16%" height="50%" align="left" valign="top" bgcolor="#999999">
<a href="frame.html"><b>WEB Frame</b></a><br><br>
<a href="index.html">HOME</a><br>
<a href="about.html">About</a><br>
<a href="guest.html">Guest</a><br>
<a href="category.html">Category</a>
<hr>
<br>
<h5> MY LINNK: </h5>
<ul>
<li><a href="http://www.kuliahcool.blogspot.com" target="_blank">Blog</a></li>
<li><a href="http://www.uad.ac.id" target="_blank">University</a></li>
<li><a href="http://www.fti.uad.ac.id" target="_blank">Faculty</a></li>
<li><a href="http://www.ilmucomputer.com" target="_blank">Knowledge</a></li>
<li><a href="http://www.youtube.com" target="_blank">Watch</a></li>
</ul></td>
<td width="84%" height="100%" align="center" valign="top" bgcolor="#339999">Ini adalah isi content................. </td>
</tr>
<tr>
<td colspan="2" bgcolor="#CC3366" align="center"><b>copyright by prayit 2013 || Design on <a href="http://kuliahcool.blogspot.com" target="_blank">http://kuliahcool.blogspot.com</a></b></td>
</tr>
</table>
</body>
</html>
2. Web dengan Frame
Layout Frame:
Code HTML-nya:
<HTML>
<HEAD>
<TITLE>cool</TITLE>
</HEAD>
<FRAMESET ROWS="20%,70%,*" frameborder="no" border="0">
<FRAME SRC="head.html" scrolling="no">
<FRAMESET COLS="80%,*">
<FRAME SRC="content.html" name="content" scrolling="yes">
<FRAME SRC="link.html" scrolling="no">
</FRAMESET>
<frameset rows="100%,*">
<frame src="footer.html">
</FRAMESET><noframes></noframes>
</HTML>
1. Web dengan Table
layout Table:
Code HTML-nya:
<html >
<head>
<title>Selamat datang </title>
</head>
<body>
<table align="center" border="2" height="45%" width="94%">
<tr align="center" bgcolor="#666666" height="30%">
<td height="202" colspan="2" background="Jellyfish.jpg"></td>
</tr>
<tr>
<td width="16%" height="50%" align="left" valign="top" bgcolor="#999999">
<a href="frame.html"><b>WEB Frame</b></a><br><br>
<a href="index.html">HOME</a><br>
<a href="about.html">About</a><br>
<a href="guest.html">Guest</a><br>
<a href="category.html">Category</a>
<hr>
<br>
<h5> MY LINNK: </h5>
<ul>
<li><a href="http://www.kuliahcool.blogspot.com" target="_blank">Blog</a></li>
<li><a href="http://www.uad.ac.id" target="_blank">University</a></li>
<li><a href="http://www.fti.uad.ac.id" target="_blank">Faculty</a></li>
<li><a href="http://www.ilmucomputer.com" target="_blank">Knowledge</a></li>
<li><a href="http://www.youtube.com" target="_blank">Watch</a></li>
</ul></td>
<td width="84%" height="100%" align="center" valign="top" bgcolor="#339999">Ini adalah isi content................. </td>
</tr>
<tr>
<td colspan="2" bgcolor="#CC3366" align="center"><b>copyright by prayit 2013 || Design on <a href="http://kuliahcool.blogspot.com" target="_blank">http://kuliahcool.blogspot.com</a></b></td>
</tr>
</table>
</body>
</html>
2. Web dengan Frame
Layout Frame:
<HTML>
<HEAD>
<TITLE>cool</TITLE>
</HEAD>
<FRAMESET ROWS="20%,70%,*" frameborder="no" border="0">
<FRAME SRC="head.html" scrolling="no">
<FRAMESET COLS="80%,*">
<FRAME SRC="content.html" name="content" scrolling="yes">
<FRAME SRC="link.html" scrolling="no">
</FRAMESET>
<frameset rows="100%,*">
<frame src="footer.html">
</FRAMESET><noframes></noframes>
</HTML>
0 comments:
Post a Comment