html標籤篇的實例介紹
- 零下一度原創
- 2017-07-19 17:03:381416瀏覽
<!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>以上是html標籤篇的實例介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn