html_标签三

1. 表格

语法:

<table>

<tr>

<th>姓名</th>

<th>性别</th>

</tr>

<tr>

<td>小明</td>

<td></td>

</tr>

</table>

<tr>定义表格行,<th>定义表头,<td>定义表格列

 

两列:colspan=”2”

两行:rowspan=”2”

 html_标签三

 html_标签三

Thead\tbody\tfoot

<head>

<style type="text/css">

thead {color:green}

tbody {color:blue;height:50px}

tfoot {color:red}

</style>

</head>

<body>

<table border="1">

  <thead>

    <tr>

      <th>Month</th>

      <th>Savings</th>

    </tr>

  </thead>

  <tfoot>

    <tr>

      <td>Sum</td>

      <td>$180</td>

    </tr>

  </tfoot>

  <tbody>

    <tr>

      <td>January</td>

      <td>$100</td>

    </tr>

  </tbody>

</table>

</body>

 

注释:<thead> 内部必须拥有 <tr> 标签!

注释:<thead><tbody> 以及 <tfoot> 很少被使用,这是因为糟糕的浏览器支持。

浏览器支持

 html_标签三

<thead> 标签仅得到所有主流浏览器的部分支持。

 

2. 框架

Frameset标签为框架标签,其和body平级,即使用frameset标签时不能使用body标签。

l 上下结构使用rows属性

l 左右结构使用cols属性

l 不充许改变比例,在frame标签中使用noresize属性

l Src属性指定框架内容

<frameset rows="20%,*">

<frame src="top.html" noresize/>

<frameset cols="20%,*">

<frame src="left.html"/>

<frame src="right.html"/>

</frameset>

</frameset>

 html_标签三

 html_标签三

项目时不使用frameset框架,因搜索引擎不能收frameiframe中的内容。真实项目中使用div+css做。

 

3. 导航

框架的基础上添加导航功能:

因为左侧是导航,右侧页面需要动态的切换,因此侧页面需要有个名字用于定位。

1. 给侧页面所在位置起一个名字:

 html_标签三

2. 左侧页面添加导航标签,target属性

 html_标签三

 html_标签三