您的位置：首页 > Web前端

前端 Html 2

2016-04-14 14:50 260 查看

接着之前的框架

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

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

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

<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航