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>

posted @ 2016-08-07 20:15  swii  阅读(107)  评论(0编辑  收藏  举报