<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!--index.html（索引值的意思，从0开始）当做首页使用
Default.html-->
<!--超鏈接-->
<a href="http：//baidu.com" target="_blank">百度</a>
<!--下載-->
<a href="07.zip" target="_blank">下載</a>
<!--錨點回到頂點-->
<p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><a id="gp">xyz</a><p>123</p><p>123</p><p>123</p>
<p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p>
<p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p>
<a href="#">回到頂點</a>
<!--找到固定點-->
<a href="#gp">找到xyz</a>
<!--相对路径-->
<img src="9abe50652dbddb23f68ce7f257d1d2a2_00648GzTjw1ezasla5z2vj30zi0ctq6k.jpg" />
<img src="./9abe50652dbddb23f68ce7f257d1d2a2_00648GzTjw1ezasla5z2vj30zi0ctq6k.jpg" width="500px" height="300px" />
<img src="07.jpg">
<!--下午学习内容-->
<!--图片+鼠标触碰后显示图片信息文字-->
<img src="9abe50652dbddb23f68ce7f257d1d2a2_00648GzTjw1ezasla5z2vj30zi0ctq6k.jpg" title="我的图片" />
<!--图片点击+超链接-->
<a href="www.acfun.com" target="_blank" title="点击出文字">
<img src="9abe50652dbddb23f68ce7f257d1d2a2_00648GzTjw1ezasla5z2vj30zi0ctq6k.jpg"
width="200px"
height="200px"/>
<!--文字相关 ps：face在特定地方不能用，所以不建议使用，目前推荐使用的为font系列的，如font+size（字体大小）+family（字体样式）+color（字体颜色）-->
<font color="red" face="微软雅黑" size="7">一段文字</font><!--face为改变字体，color为颜色size为大小-->
<span style="font-family: '微软雅黑';">紫和紫比吱吱吱吱 </span>
<!--基本字体相关-->
<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<strong>加粗</strong>
<em>倾斜</em>
商标<sup>TM</sup>
对标<sub>TM</sub>
<del>998</del>
<!--文字底色变化-->
<mark>底色变成 →黄色</mark><br /><br />
<!--默认一级标题占一行-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h6>六级标题</h6>
<p>一长段文字，很长很长的文字</p>
<p>一长段文字，很长很长的文字</p>
<div>啦啦啦啦啦啦啦啦啦</div>
<!--特定文字加颜色或者样式-->
<span style="color: red;">啦啦啦咯咯拉阿拉啦啦阿拉啦啦啦</span>
<!--有序列表-->
<ol type="a"><!--type的意思是样式，a，1，-->
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
</ol>
<!--无序列表-->
<ul type="circle">
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
</ul>
<!--最常干的事情-->
<ul style="list-style: none;">
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
</ul>
<table width="500" height="500" border="2px">
<tr><!--行-->
<td align="center" valign="bottom" colspan="2">1</td> <!--colspan水平合并-->
<td rowspan="2">3</td> <!--垂直合并-->
</tr>
<tr><!--行-->
<td>4</td>
<td>5</td>
</tr>
</table >
<!--两个中不一样-->
垂直上中下：top middle bottom
水平左中右：left center right
啦啦<span style="font-size: 7; color: red;">啦啦</span>啦啦啦啦啦啦
<!--表哥的样式表-->
<table width="400"height="400"border="2">
<tr>
<td>1</td>
<td colspan="2" align="right" valign="top">2</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>8</td>
</tr>
</table>
</body>
</html>
以上为a标签的基本使用已经超链接和图片等的嵌套，一级文字的一些基本处理方法，其中附带了一些从网上搜集来的小知识，最后是表格的合并一级表格再和文字进行嵌套时的使用方法，每个知识点都有我的注释。有错误的地方或者不合理的地方欢迎大家指正，私信即可，白天大部分时间在线的。