html标签篇的实例介绍

来源：欧宁财经

<!DOCTYPE html>　　
<html lang="en">
<head> <meta charset="UTF-8">
 <title>a标签举例</title>
</head> <body>
 <a href="http://www.baidu.com">百度一下，你就知道</a><!--跳转到别的网站 --> <br>
 <a href="2.html">点击跳转到2.html</a><!-- 跳转到本地文件 --><br>
 <a href="#test-demo">点击跳转到底部</a><!-- 设置锚点 --> 
<div style="height: 2000px"></div>
 <a href="##" name="test-demo">这里是网站底部</a> </body> </html>

如果a标签的href属性值为空，那么这个a标签就会变成一个隐藏锚点，看似href属性什么都没有，但是鼠标点击上去就会跳转。

table标签

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
 td {
 width: 200px;
 height: 50px;
 }
 </style>
</head>
<body>
 <table border="1">
 <tr>
 <td>1</td>
 <td>1</td>
 <td>1</td>
 </tr>
 <tr>
 <td>2</td>
 <td>2</td>
 <td>2</td>
 </tr>
 <tr>
 <td>3</td>
 <td>3</td>
 <td>3</td>
 </tr>
 </table>
</body>
</html>

td tr这些标签内部都可以签到其他标签，附上个人简历制作代码一份。

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>13</title>
 <style>
 .center {
 border-collapse: collapse;
 margin: 0 auto;
 }
 td {
 width: 100px;
 height: 40px;
 text-align: center;
 }
 /* .size {
 width: 300px;
 height: 120px;
 }*/
 .size~tr {
 width: 300px;
 height: 120px;
 }
 </style>
</head>
<body>
 <table border="1" class="center">
 <caption class="center">个人简历</caption>
 <tr>
 <td>姓名</td>
 <td></td>
 <td>性别</td>
 <td ></td>
 <td rowspan="3"></td>
 </tr>
 <tr>
 <td>出生年月</td>
 <td></td>
 <td>民族</td>
 <td></td>
 </tr>
 <tr>
 <td>籍贯</td>
 <td></td>
 <td>学历</td>
 <td></td>
 </tr>
 <tr>
 <td>毕业院校</td>
 <td></td>
 <td>专业</td>
 <td colspan="2"></td>
 </tr>
 <tr>
 <td>政治面貌</td>
 <td></td>
 <td>家庭住址</td>
 <td colspan="2"></td>
 </tr>
 <tr class="size">
 <td>健康状况</td>
 <td></td>
 <td>联系电话</td>
 <td colspan="2"></td>
 </tr>
 <tr>
 <td>主修课程</td>
 <td colspan="4"></td>
 </tr>
 <tr>
 <td>个人技能</td>
 <td colspan="4"></td>
 </tr>
 <tr>
 <td>工作经历</td>
 <td colspan="4"></td>
 </tr>
 </table>
</body>
</html>