每天学习的记录
<!doctype html>
<html>
<head>
<title>我的第二个HTML页面</title>
<meta charset="utf-8">
</head>
<body>
<a name="top"></a>
<ol>
<li>文档片段
<ul>
<li>
<a href="#q1">问题</a>
</li>
<li>
<a href="#q2">方案</a>
</li>
<li>
<a href="#q3">实现</a>
</li>
<li>
<a href="#q4">扩展</a>
</li>
</ul>
</li>
<li>我的第一个HTML文档
<ul>
<li>
问题
</li>
<li>
方案
</li>
<li>
实现
</li>
</ul>
</li>
</ol>
<h1 align="center" title="段落">HTML5 <span style="color:red"><Day01><span></h1>
<hr/>
<h3>1 HTML 文档片段</h3>
<h4 id="q1">1.1 问题</h4>
创建如图-1所示的HTML页面:
<div align="center">
<img src="../day02/jd/page.JPG">
<h4>图-1</h4>
</div>
<br/>
<h4 id="q2">1.2 方案</h4>
使用HTML标记来完成该页面效果。
<h4 id="q3">1.3 实现</h4>
建立一个文本文件,并修改名称为first.html,然后使用文本编辑器打开该文件,并为该文件添加代码,以创建标准格式的HTML文档。<br/><p>然后b在body元素中添加代码,以创建居中显示的段落文本.代码如下所示:</p>
<pre>
<p align="center" title="段落">
居中显示的段落。
</p>
</pre>
<div align="center">
<a href="http://www.tmooc.cn" target="_blank">
<img src="../day02/jd/page_struct.JPG">
</a>
<h4 style="color:red">图-2</h4>
</div>
<h4 id="q4">1.4 扩展</h4>
创建如下所示的表格
<table border="1" align="center" width="500" cellpadding="5" >
<caption>表-1</caption>
<tr>
<td width="300">全月应缴纳所得额</td>
<td width="100">税率</td>
<td width="100">速算扣除数</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>
<table align="center" >
<tr>
<td><a href="#">关于我们</a></td>
<td><a href="#">联系我们</a></td>
<td><a href="#">广告服务</a></td>
</tr>
<tr>
<td colspan="2"> 版权所有©达内科技集团</td>
</tr>
</table>
<a href="#top" >To top</a>
</body>
</html>