HTML书签链接完全指南

需积分: 26 201 浏览量更新于2024-08-17 收藏 937KB PPT 举报

本文档介绍了HTML中书签链接的使用方法以及HTML的基础知识，包括HTML概述、网页构成元素、HTML发展历史、基本概念和编写注意事项。在HTML中，书签链接是一个非常实用的功能，它允许用户在同一个页面或不同的页面间跳转到特定的位置。书签链接的建立主要涉及两个步骤： 1. **建立书签**：使用`<a>`标签，并通过设置`name`属性来创建书签。例如： ```html <a name="lb">李白</a> ``` 这行代码创建了一个名为“lb”的书签，可以用来标识页面中的特定位置。 2. **链接书签**： - **链接同一页面的书签**：要在同一页面内链接到书签，使用`<a>`标签的`href`属性，其值为`#`加上书签的名称： ```html <a href="#lb">李白</a> ``` 这将创建一个链接，点击后页面会滚动到名为“lb”的书签位置。 - **链接到其他页面中的书签**：如果你想链接到其他页面的特定书签，`href`属性需要包含文件名以及`#`和书签名称： ```html <a href="唐诗宋词.htm#lb">李白</a> ``` 这个链接将打开“唐诗宋词.htm”页面并直接定位到名为“lb”的书签。 HTML作为超文本标记语言，是网页制作的基础。它包含了多种网页构成元素，如文本、图像、超链接、表格、表单、动画、框架等。网页的技术构成还包括CSS（层叠样式表）用于定义网页样式，JavaScript等脚本语言用于实现交互功能，以及CGI、PHP、JSP、ASP等服务器端技术用于创建动态网页。 HTML的发展历程中，从最初的简单标记语言逐渐演变为支持更复杂功能的版本，如表格、样式表、脚本语言等。HTML文件的基本结构通常包括`<html>`、`<head>`和`<body>`标签，其中`<head>`包含元数据，`<body>`则包含可见的网页内容。编写HTML文件时，应注意以下几点： - 标记的起始和结束使用尖括号`<`和`>`。 - 可以嵌套标记，如`<h1><center>...</center></h1>`。 - HTML源代码不区分大小写，但推荐保持一致性。 - 回车和空格在HTML中不会影响布局，它们会被忽略。 - 标记可以带有属性，如`<b>`用于加粗文本，还可以添加`class`、`id`等属性。 HTML的浏览通常通过浏览器完成，用户可以点击超链接、查看图片、填写表单等。了解这些基本概念和规则对于创建和维护网页至关重要。

清风杏田家居

粉丝: 21
资源: 2万+

HTML书签链接完全指南

制作自己的网页书签

书签导出的内容

Edge书签插件，让书签变得再次好用（理论上chrome也可用）.zip

命令窗口文件资源管理器：用于从命令窗口打开、运行或编辑文件的嵌入式 html 链接。 带书签！-matlab开发

自托管书签服务-Python开发

WAI-ARIA-Usage:评估WAI-ARIA使用情况的书签

Zula-Links:使用书签快速通过电子邮件发送指向 Zula 空间的链接。 使用 Gmail 在 Chrome 中进行测试

各种书签-crx插件

布马书签-crx插件

boomarkDWI:书签链接是非常有用的链接

最新资源

命令窗口文件资源管理器：用于从命令窗口打开、运行或编辑文件的嵌入式 html 链接。带书签！-matlab开发

Zula-Links:使用书签快速通过电子邮件发送指向 Zula 空间的链接。使用 Gmail 在 Chrome 中进行测试