您现在的位置是:首页 >生活 > 2023-08-12 01:12:09 来源:

html简单网页代码 案例(html简单网页代码)

导读 大家好,我是小夏,我来为大家解答以上问题。html简单网页代码 案例,html简单网页代码很多人还不知道,现在让我们一起来看看吧!昨天晚上...

大家好,我是小夏,我来为大家解答以上问题。html简单网页代码 案例,html简单网页代码很多人还不知道,现在让我们一起来看看吧!

昨天晚上新写的

给你吧

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>标准网页</title>

<style type="text/css" >

#bodydiv{ position:relative; margin-left:95px; margin-right:95px;}

#body{ background-color:#FF8080;

margin-top:auto;

color: #996600;

font-family: "黑体";

;

}

#bannerdiv{ position:relative;}

#bannertable{}

#centerdiv{ position:relative; padding-left:3px;}

#centertable{ }

#rootdiv{ margin-top:11px;}

</style>

</head>

<body id="body" >

<div id="bodydiv">

<div id="bannerdiv">

<table align="center" id="bannertable">

<tr>

<td>

<img src="banner.gif" width="770" height="170">

</td>

</tr>

</table>

</div>

<div id="centerdiv">

<table id="centertable" border="0" cellpadding="7px" >

<tr>

<td>

<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >

<tr><td align="center"></td></tr></table>

<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">

<tr><td align="center"><img src="headimg.jpg" width="200" height="170" /></td></tr></table> </td>

<td rowspan="2">

<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >

<tr><td align="center">日志</td></tr></table>

<table border="0" style="height:380px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">

<tr><td></td></tr></table> </td>

<td rowspan="2">

<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >

<tr><td align="center">网站导航</td></tr></table>

<table border="0" style="height:380px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">

<tr><td></td></tr></table> </td>

</tr>

<tr>

<td>

<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >

<tr><td align="center">心情</td></tr></table>

<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">

<tr><td></td></tr></table>

</td>

</tr>

<tr>

<td>

<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >

<tr><td align="center">头像31</td></tr></table>

<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">

<tr><td></td></tr></table>

</td>

<td>

<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >

<tr><td align="center">头像32</td></tr></table>

<table border="0" style="height:170px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">

<tr><td></td></tr></table>

</td>

<td>

<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >

<tr><td align="center">头像33</td></tr></table>

<table border="0" style="height:170px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">

<tr><td></td></tr></table>

</td>

</tr>

</table>

</div>

<div id="rootdiv">

<table align="center">

<tr>

<td align="center">

<img src="rootimg.gif" height="60" width="190" />

</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</div>

</div>

</body>

</html>

本文到此讲解完毕了,希望对大家有帮助。