html day2
1. 重定向
<meta http-equiv="Refresh" content="5;url=xxxxxxx" />
过五秒后跳转到此新网址
2. 创建图像映射
<img src="" usemap="#sw" alt="" />
<map id="sw">
<area shape="circle" coords="127,110,13" url="" target="_blank" /> //圆形的区域点击后可以到达新页面,coords 为定位,前两个数字是圆的中心点坐标吗,13为圆半径
<area shape="rect" coords="0,0,160,160" url="" target="_blank" /> //矩形de区域点击后到达新页面,定位坐标为(0,0)到(160,160)的矩形区域。
</map>
3. 表格
创建表格的四个元素:
table、tbody、tr、th、td
1、<table>…</table>:整个表格以<table>
标记开始、</table>
标记结束。
2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>
,说明一行中就有几列。
5、<th>…</th>:表格的头部的一个单元格,表格表头。(th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。)
6、表格中列的个数,取决于一行中数据单元格的个数。
7. 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法:<table summary="表格简介文本">
8. <caption>...</caption>: 用以描述表格内容,标题的显示位置:表格上方。
4. 鼠标滑过显示
title属性例如:<a title="此处的内容鼠标移到该连接上显示"></a>