书签栏写javascript 书签html

转载

编程小匠人 2024-05-30 14:17:43

创建书签

首先，我们在 HTML 文档中对锚进行命名（创建一个书签）：

name="tips"

然后，我们在同一个文档中创建指向该锚的链接：

<a href="#tips">有用的提示</a>

您也可以在其他页面中创建指向该锚的链接：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

在上面的代码中，我们将 # 符号和锚名称添加到 URL 的末端，就可以直接链接到 tips 这个命名锚了。

HTML表格

HTML表格实例 没有边框的表格本例演示一个没有边框的表格。表格中的表头(Heading) 本例演示如何显示表格表头。空单元格本例展示如何使用 " " 处理没有内容的单元格。带有标题的表格本例演示一个带标题 (caption) 的表格跨行或跨列的表格单元格本例演示如何定义跨行或跨列的表格单元格。表格内的标签本例演示如何显示在不同的元素内显示元素。单元格边距(Cell padding) 本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。单元格间距(Cell spacing) 本例演示如何使用 Cell spacing 增加单元格之间的距离。向表格添加背景颜色或背景图像本例演示如何向表格添加背景。向表格单元添加背景颜色或者背景图像本例演示如何向一个或者更多表格单元添加背景。在表格单元中排列内容本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。框架(frame)属性本例演示如何使用 "frame" 属性来控制围绕表格的边框。

HTML 列表

HTML 支持有序、无序和定义列表

本例演示无序列表。有序列表

本例演示有序列表。

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul> <li>Coffee</li> <li>Milk</li> </ul>

浏览器显示如下：

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol> <li>Coffee</li> <li>Milk</li> </ol>

浏览器显示如下：

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>

浏览器显示如下：

Coffee Black hot drink Milk White cold drink

定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。