HTML链接标签和表格标签
链接标签
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>链接标签</title>
</head>
<body>
<a href="http://www.monkey1024.com" target="_blank">Java教程</a>
<a name="top">顶部</a>
<a href="#top">回到顶部</a>
</body>
</html>
标签说明：
<a></a>链接标签
属性：
href:跳转页面地址
name:名称，锚点
target:_self(从当前页面打开跳转的页面) _blank(从新的页面打开跳转的网页)， 默认是_self
作用：
（1）页面跳转，注意：要调到外网必须要加http://
（2）访问锚点；当页面较长时，可以在底部设置一个<a>标签链接到某个锚点中，例如回到顶部，在访问锚点时的书写格式：#name；
表格标签
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表格标签</title>
</head>
<body>
<table border="1" width="50%" align="center" bgcolor="orange">
<caption>期末考试成绩表</caption>
<tr align="center">
<th>姓名</th>
<th>数学</th>
<th>语文</th>
</tr>
<tr align="center">
<td>张三</td>
<td>98</td>
<td>100</td>
</tr>
<tr align="center">
<td>李四</td>
<td>78</td>
<td>81</td>
</tr>
</table>
<hr/>
<table border="1" width="50%" align="center" bgcolor="yellow">
<caption>表格</caption>
<tr align="center">
<th>1--1</th>
<th>1--2</th>
<th>1--3</th>
</tr>
<tr align="center">
<td rowspan="2">2--1</td>
<td colspan="2">2--2</td>
</tr>
<tr align="center">
<td>3--2</td>
<td>3--3</td>
</tr>
</table>
</body>
</html>
标签说明：
<table></table>:
属性：
border:表格边框
width:表格的宽度
align:表格的对齐方式（<tr align="center">单元格里面的内容居中对齐<tr>）
bgcolor:背景颜色
<tr></tr>: 代表行
<td></td>：代表单元格
属性：
colspan:列合并
rowspan:行合并
<th></th>：相等于<td>, 只是内置样式加粗居中
<caption></caption>：表格的标题，即表头
表格的作用：
(1)简单的实现一个表格样式
(2)进行页面布局
注意：目前使用这种方式布局的比较少，使用div+css布局的比较多
相关文章
本站已关闭游客评论，请登录或者注册后再评论吧~
热门文章
保利为什么叫央企之王(保利是国企还是央企)
2022-07-06
恢复外国人入境时间表(中国取消14天隔离政策了吗)
2021-06-19
香港哪些明星是反港分子(已背叛祖国的明星名单)被国家拉入黑名单明星
2021-04-20
身份造假与销售话术(记者卧底世纪佳缘 揭秘“红娘”)
2021-12-08
PyCharm怎么连接配置mysql数据库?
2021-06-29
如何将cda格式文件转换为mp3格式(cda格式怎么转换成mp3)
2021-12-11