<html>
<head>
<title>Home Page</title>
<style>
#logotext
{
color:blue;
text-align:center;
text-shadow: 2px 2px #ff0000;
font-family:"Tahoma",Georgia,Serif;
text-decoration:blink;
}
#logotable
{
border:5px solid purple;
background-color:yellow;
width:100%;
vertical-align:text-bottom;
}
.block
{
border:6px inset #D55555;
background-color:#CCFFFF;
padding:10px;
margin:5px;
}
div.hinh
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.hinh img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.hinh a:hover img {border: 1px solid #0000ff;}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}
</style>
</head>
<body>
<table id="layout" width="98%" Height="100%" border="1">
<tr id="Header" Height="20%">
<td colspan="2">
<table id="logotable" >
<tr>
<td width="30%" style="padding-left:20px">
<img src="images\bonsai logo.jpg" alt="company logo" width="64" height="64" />
</td>
<td width="50%" >
<h1 id="logotext"> Green Thumb Bonsai</h1>
</td>
<td width="20%" >
</td>
</tr>
</table>
</td>
</tr>
<tr id="Main" Height="60%">
<td id="LeftContent" width="60%">
<table id="TableLeft" width="100%" height="100%" border="1">
<tr>
<td>
<p><img src="images\onsale.jpg" /></p>
<div class="hinh">
<a target="_blank" href="klematis_big.htm"><img src="images\bonsai1.jpg" alt="Klematis" width="200" height="200" /></a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="hinh">
<a target="_blank" href="klematis2_big.htm"><img src="images\bonsai.jpg" alt="Klematis" width="200" height="200" /></a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="hinh">
<a target="_blank" href="klematis3_big.htm"><img src="images\bonsai-k11.jpg" alt="Klematis" width="200" height="200" /></a>
<div class="desc">Add a description of the image here</div>
</div>
<div class="hinh">
<a target="_blank" href="klematis4_big.htm"><img src="images\BonsaiTridentMaple.jpg" alt="Klematis" width="200" height="200" /></a>
<div class="desc">Add a description of the image here</div>
</div>
</td>
</tr>
<tr> <td>Youtube Video</td></tr>
</table>
</td>
<td id="RightContent" width="40%">
<table id="TableRight" width="100%" height="100%" border="1">
<tr>
<td style="vertical-align:text-top;">
<p style="font-family:Georgia, Times, serif;font-size:36;margin:5">Testimonial</p>
<div id="testimonial" class="block">
<i>"We were in desperate need of a new website when theEZsite.com called, and through a gentle sales approach, it became apparent that I needed to re-do it now rather than later. The ‘self editing’ feature of the new site that you would create was the defining factor for me, as I knew this could keep the site more fresh than a site that was only editable by a ‘webmaster’! Coupled with new codes that would attract the search engines, you and I both knew we had to make the change now." </i>
<p align="right"><b>Jason Clare, Business Consultant</b></p>
</div>
</td>
</tr>
<tr> <td>Advertisement</td></tr>
</table>
</td>
</tr>
<tr id="Footer" Height="20%">
<td colspan="2">
Footer here
</td>
</tr>
</table>
</body>
</html>
Wednesday, 27 July 2011
Bài Mẫu Số 1 (tiếp theo)
Đây là phần tiếp theo bài mẫu số 1
Tuesday, 19 July 2011
Bài Mẫu số 1
Như quý vị trong lớp website đề nghị. Dưới đây là HTML page mà quý vị có thể làm theo.
<html>
<head>
<title>Home Page</title>
<style>
#logotext
{
color:blue;
text-align:center;
text-shadow: 2px 2px #ff0000;
font-family:"Tahoma",Georgia,Serif;
text-decoration:blink;
}
#logotable
{
border:5px solid purple;
background-color:yellow;
width:100%;
vertical-align:text-bottom;
}
</style>
</head>
<body>
<table id="layout" width="98%" Height="100%" border="1">
<tr id="Header" Height="20%">
<td colspan="2">
<table id="logotable" >
<tr>
<td width="30%" style="padding-left:20px">
<img src="images\bonsai logo.jpg" alt="company logo" width="64" height="64" />
</td>
<td width="50%" >
<h1 id="logotext"> Green Thumb Bonsai</h1>
</td>
<td width="20%" >
</td>
</tr>
</table>
</td>
</tr>
<tr id="Main" Height="60%">
<td id="LeftContent" width="40%">
This is Left
</td>
<td id="RightContent" width="60%">
This is Right
</td>
</tr>
<tr id="Footer" Height="20%">
<td colspan="2">
Footer here
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>Home Page</title>
<style>
#logotext
{
color:blue;
text-align:center;
text-shadow: 2px 2px #ff0000;
font-family:"Tahoma",Georgia,Serif;
text-decoration:blink;
}
#logotable
{
border:5px solid purple;
background-color:yellow;
width:100%;
vertical-align:text-bottom;
}
</style>
</head>
<body>
<table id="layout" width="98%" Height="100%" border="1">
<tr id="Header" Height="20%">
<td colspan="2">
<table id="logotable" >
<tr>
<td width="30%" style="padding-left:20px">
<img src="images\bonsai logo.jpg" alt="company logo" width="64" height="64" />
</td>
<td width="50%" >
<h1 id="logotext"> Green Thumb Bonsai</h1>
</td>
<td width="20%" >
</td>
</tr>
</table>
</td>
</tr>
<tr id="Main" Height="60%">
<td id="LeftContent" width="40%">
This is Left
</td>
<td id="RightContent" width="60%">
This is Right
</td>
</tr>
<tr id="Footer" Height="20%">
<td colspan="2">
Footer here
</td>
</tr>
</table>
</body>
</html>
Subscribe to:
Posts (Atom)