<!doctype html>
<html>
<head>
<title>Html5</title>
<meta charset="utf-8">
</head>
<body>
<p><h1 align = "center">HTML5 <font color = "red"><Day01></font></h1></p>
<hr></hr>
<h1>1 HTML 文档片段</h1>
<h2>1.1 问题</h2>
<span>创建如图-1所示的HTML页面:</span>
<div align = "center">
<img src="images/page.JPG">
<h3 align = "center">图-1</h3>
</div>
<h2>1.2 方案</h2>
<span align="right">使用HTML标记来完成该页面效果。</span>
<h2>1.3 实现</h2>
<span>建立一个文本文件,并修改文件名称为 first.html ,然后使用文本编辑器打开该文件,并为该文件添加代码,以创建标准格式的 HTML 文档。代码如图-2所示:</span>
<div align = "center">
<a href="http://www.tmooc.cn/web/index_new.html?tedu" target="_blank"><img src = "images/page_struct.JPG"></a>
<h3 align = "center">图-2</h3>
</div>
然后,在 body 元素中添加代码,以创建居中显示的段落文件。代码如下所示:<br/>
<pre>
<p align="center" title="段落">
居中显示的段落。
</p>
</pre>
<h2>1.4 扩展</h2>
<span>创建如下图所示的表格:</span>
<div align="center">
<table border="1" cellspacing="1" width="800px">
<caption>表-1</caption>
<tr>
<td>全月应纳税所得额</td>
<td>税率</td>
<td>速算扣除数</td>
</tr>
<tr>
<td>全月应纳税所得额<1500</td>
<td>3%</td>
<td>0</td>
</tr>
<tr>
<td>1500=<全月应纳税所得额<4500</td>
<td>10%</td>
<td>105</td>
</tr>
<tr>
<td colspan="3">...</td>
</tr>
<tr>
<td colspan="3">计算公式:应纳税额=全月应纳税所得额+适用税率-速算扣除数</td>
</tr>
</table>
</div>
<p align="center">
<a href="#">关于我们</a> <a href="#">联系我们</a> <a href="#">联系服务</a>
</p>
</body>
</html>