Correcting teacher:天蓬老师
Correction status:qualified
Teacher's comments:标题下次别这样写
<a href="https://www.baidu.com">点击此处跳转到百度</a>
targrt="_self"
在当前窗口打开链接target="_blank"
在新窗口打开链接targrt="#anchor"
跳转到设置了锚点的元素所在的位置
<a href="tel:18888888888">给18888888888拨打电话</a>
<a href="mailto:111@qq.com">调起桌面邮箱客户端给111@qq.com发邮件</a>
<a href="demo1.html" download title="这里是下载的文件名">点击下载文档</a>
锚点是在页面中标记一个“
id
的位置,通过点击其他按钮,实现页面内快速跳转。
<a href="id">跳转到这里</a>
<h1 id="id">跳到这里了</a>
序号 | 描述 | 标签 |
---|---|---|
1 | <table> |
定义表格 |
2 | <tbody> |
定义表格主体,允许多次定义 |
3 | <tr> |
定义表格中的行 |
4 | <td> |
定义表格主体与底部的单元格 |
5 | <th> |
定义表格头部中的单元格,默认加粗居中 |
6 | <caption> |
定义表格标题 |
7 | <thead> |
定义表格头格,只需定义一次 |
8 | <tfoot> |
定义表格格底,只需定义一次 |
9 | <col> |
为一个/多个列设置属性 |
10 | <colgroup> |
将多个<col> 元素分组管理 |
序号 | 属性 | 适用元素 | 描述 |
---|---|---|---|
1 | <border> |
<table> |
添加表格框 |
2 | <cellpadding> |
<table> |
设置单元格内边框 |
3 | <cellspacing> |
<table> |
设置单元格边框间隙 |
4 | align |
不限 | 设置单元格内水平居中 |
5 | bgcolor |
不限 | 设置背景色 |
6 | width |
不限 | 设置宽度 |
7 | height |
不限 | 设置高度 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>国庆手机价格表</title>
</head>
<body>
<!-- 先制作表格 -->
<table border="1px" cellspacing="0" cellpadding="5px">
<thead>
<caption>
国庆手机价格表
</caption>
<tr>
<th></th>
<th>序号</th>
<th>品牌</th>
<th>价格</th>
<th>库存</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">手机品类</td>
<td>1</td>
<td>苹果</td>
<td>4999</td>
<td>100</td>
</tr>
<tr>
<!-- <td>手机品类</td> -->
<td>2</td>
<td>华为</td>
<td>5999</td>
<td>84</td>
</tr>
<tr>
<!-- <td>手机品类</td> -->
<td>3</td>
<td>三星</td>
<td>5666</td>
<td>43</td>
</tr>
<td colspan="5" align="center" bgcolor="yellow">
以上活动仅限十一期间
</td>
</tbody>
</table>
<tfoot>
<h3>2020.09.23</h3>
</tfoot>
</body>
</html>