前端 Html 2

来源：互联网发布：arm c语言编程实例编辑：程序博客网时间：2024/05/16 08:19

接着之前的框架

使用框架导航跳转至指定的节点击打开链接

本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。

开始也是写一个主文件右框架名一个名字，方便之后打开有目标

<html><frameset cols="180,*"><frame src="content.html"><frame src="wu.html" name="link"></frameset></html>

然后写左边框架里的 content.html 有两个链接，一有个是有锚，另一个是无锚，有锚的在url后面加一个#C4 ，同样打开的方式指向右边框架link

<span style="font-size:18px;"><html><body><a href="wu.html" target="link">没有</a><a href="you.html#C4" target="link">有</a></body></html></span>

注意

这里锚的用法不同于，之前的类似链接那章百科例子那种。点击打开链接这里相当于省略了<p></p>里的内容，直接加在url后面

锚

然后开始写上面里链接里的 wu.html 和 you.html 这随便写了，保证一样就，区别就是在you.html里的第四段加上锚

<h2><a name="C4">Chapter 4</a></h2><p>This chapter explains ba bla bla</p>

表格

<html><body><table border="1">     <tr>         <td>一行一列<td>         <th>一行二列<th>     </tr></body></html>

<th></th> 是加粗也是表格里的表头

每个表格由 table 标签开始。

每个表格行由 tr 标签开始。

每个表格数据由 td 标签开始。

没有边框的表格

border="0" 或者不写

带有标题的表格点击打开链接

<caption></caption>必须紧随table标签之后。每个表格只能定义一个标题（定义再多也只有一个）

<body><table border="6"><caption>我的标题</caption><tr>  <td>100</td>  <td>200</td>  <td>300</td></tr><tr>  <td>400</td>  <td>500</td>  <td>600</td></tr></table></body>

跨行跨列

跨列

<td colspan="2"></th>

跨行

<td rowspan="2"></th>

cellpadding点击打开链接文字周围的填充

cellspacing点击打开链接外层边框与内层边框的填充

向表格添加背景颜色或图像

<table border="1" bgcolor="red" background="url"></table>

向单元添加背景颜色或图像

<table border="1"><tr><td bgcolor="red">First</td></tr></table>

表格单元中排列内容

<tr><td align="center"></td></tr>

0 0