1. 超链接的使用
基本语法:
<a href="*" target="打开方式" name="页面锚点名称" title="鼠标划过显示的文本">链接文字或者图片</a>
1) target
- _blank 在一个新的窗口打开链接
- _self(默认值) 在当前窗口打开链接
- _parent 在父窗口中打开页面(框架中使用较多)
- _top 在顶层窗口中打开文件 (框架中使用较多)
2) name
示例:
<a name="顶部"></a>
<a href="#底部">到页面底部</a>
<a name="底部"></a>
<a href="#顶部">到页面顶部</a>
此时,点击底部 或 顶部的a标签,会移动到该位置。
2. 表格标签
1)
<table>
标签
属性:
-
align 表格的显示位置 (left居左、center居中、right居右)
-
cellspacing 单元格间距,默认为2px
-
cellpadding 单元格内容与单元格边框的显示距离
-
frame 控制表格边框最外层的四条边框
如:void(默认值) 无边框 above 仅顶部有边框 below 仅底部有边框 hsides 仅顶部和底部有边框 lhs 仅左侧有边框 rhs 仅右侧有边框 vsides 仅左右两侧有边框 box 四周皆有边框 border 四周皆有边框
-
rules 控制是否显示以及如何显示单元格之间的分割线
如:none(默认值) 无分割线 all 均有分割线 rows 仅有行分割线 clos 仅有列分割线 groups 仅在行组和列组之间有分割线
- summary 摘要
摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法:
<table summary="表格简介文本">
2)
<caption>
标签
若表格需要标题,我们可以用<caption>
;它写在<table>
之后,<tr>
表格之前。
使用align属性控制表格标题位置:
上——top
下——bottom
左——left
右——righr
3)
<tr>
标签
定义表格的一行,每一行标记内可以嵌套多个或者标记
属性:
-
vlign 设置垂直方向对齐方式
bottom 顶端对齐 top 底部靠齐 middle 居中靠齐
-
align 设置水平方向对齐方式
left 靠左 right 靠右 center 居中
4)
<th>&&<td>
标签
都是单元格的标记,必须嵌套在里面,成对出现。
<th>
是表头标记,通常位于首行或首列;<th>
中的文字默认加粗,<td>
不会
<td>
是数据标记,是该单元格的具体数据。
属性:
align (水平对齐方式)
valign (垂直对齐方式)
rowspan (单元格所占行数)横
colspan (单元格所占列数)竖