HTML标签学习3
1.meta标签
2.link标签
3.表格table标签
<!DOCTYPE html>
<html lang="zh">
<head>
<!--
编码格式
charset:utf-8通用字符集,一般支持大部分的国家语言。
-->
<meta charset="UTF-8" />
<!--关键字-->
<meta name="keywords" content="java培训,android培训" />
<!--网页描述-->
<meta name="distribution" content="HTML学习,做最牛B的程序员" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--网页重定向-->
<!--<meta http-equiv="refresh" content="5;https:www.baidu.com" />-->
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!--链接外部样式表文件-->
<link rel="stylesheet" type="text/css" href="" />
<!--icon图标-->
<link rel="icon" href="../../img/favicon.ico" />
<!--页面描述-->
<title>HTML学习</title>
<style type="text/css">
</style>
</head>
<body>
<!--table 表格
属性:
Border="1" 边框
Bordercolor="red" 边框颜色
Width="500" 宽度
Height="300" 高
cellspacing="2" 单元格与单元格的距离
cellpadding="2" 内容距边框的距离
align="left | right | center"
如果直接给表格用align="center" 表格居中
如果给tr或者td使用 ,tr或者td内容居中。
bgcolor="red" 背景颜色。
-->
<table class="tab" width="500px" Bordercolor="red" height="300px" border="2" bgcolor="darkgoldenrod" cellpadding="10" cellspacing="0" align="center">
<!--表名称 caption-->
<caption>家庭成员表</caption>
<!--表格头部 thead-->
<thead>
<tr>
<!--设置为表格标题-->
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
</thead>
<!--表格内容 tbody-->
<tbody>
<!--valign 设置垂直方向的对齐方式 属性为top 向上 bottom向下 center 居中 默认middle-->
<tr valign="center">
<td>张三</td>
<td>男人</td>
<!--rowspan 合并同一列上的单元格-->
<td rowspan="2">28</td>
</tr>
<tr>
<td>李艳</td>
<td rowspan="2">女人</td>
</tr>
<tr>
<td>傅妍</td>
<td>01</td>
</tr>
</tbody>
<!--表格尾部 tfoot-->
<tfoot>
<tr>
<!--colspan 合并同一列行上的单元格-->
<td colspan="3">一家人</td>
</tr>
</tfoot>
</table>
</body>
</html>