第四天--html简易布局

<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<meta http-equive="refresh" content="30">
<!--页面30秒刷新一次-->
<title>html区块</title>

</head>
<body>
<!--div布局-->
<h1>div布局</h1>
<div class="head" style="background:#FFA500;width:500px;"><h1 style="margin-bottom:0;"><h1>主要的网页标题</h1></div>
<!--h1行内样式margin-bottom:0;是为了清除标签<h1>在浏览器上默认的样式-->
<div class="content">
<div style="width:100px; height:200px; background:#FFD700; float:left;">
<b>菜单</b>
html<br />
css<br />
js
</div>
<div style="width:400px; height:200px; background:#eeeeee; float:left;">
这是内容块
</div>
<div class="footer" style="clear:both; width:500px; text-align:center; background:#FFA500;">版权&copy;我是版权</div>
<!--&copy;这个符号是固定符号,表示© -->
</div>

 

<!--table元素网页布局-->
<h1>table元素网页布局</h1>
<table border="0" width="500">
<tr>
<td style="background:#FFA500;" colspan="2"><h1>主要的网页标题</h1></td>
<tr>
<tr>
<td style="background:#FFD700;" width="100" height="200">菜单
HTML<br>
CSS<br>
JavaScript
</td>
<td style="background:#eeeeee;" width="400" height="200">内容块</td>
<tr>
<tr>
<td style="background:#FFA500;" colspan="2" width="500" align="center">版权&copy;我是版权</td>
<tr>
</table>
<blockquote>
Here is a long quotation here is a long quotation here is a long quotation
here is a long quotation here is a long quotation here is a long quotation
here is a long quotation here is a long quotation here is a long quotation.
</blockquote>
</body>
</html>

posted @ 2016-09-29 09:06  言不可道尽  阅读(109)  评论(0编辑  收藏  举报