时间:2021-07-01 10:21:17 帮助过:42人阅读
<!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标签篇的实例介绍的详细内容,更多请关注Gxl网其它相关文章!