一、链接
HTML 使用超级链接与网络上的另一个文档相连。
（一）简单实例
<a href="http://www.baidu.com/">Baidu</a>
简单实例.png
（二）空链接
指向链接后，鼠标变成手形，但单击后仍停留在当前页面。
临时加的空链接，主要为了能更好的看到最终的效果。
<a href="#">空链接</a>
空链接.png
（三）target 属性
使用 Target 属性，你可以定义被链接的文档在何处显示（在新的窗口还是在原有的窗口中打开）。
默认的被链接文档会在原有的窗口中打开的。如果将 target 属性设置为 "_blank" 则文档就会在新窗口打开。
（四）id 属性
id 属性可用于在一个 HTML 文档中创建书签标记。
书签是不以任何特殊的方式显示，在HTML文档中是不显示的，所以对于读者来说是隐藏的。
（五）基本的注意事项
请始终将正斜杠添加到子文件夹。
假如这样书写链接：href="//www.baidu.com"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="//www.baidu.com/"。
（六）实例练习
<p>创建图片链接:
<a href="http://www.baidu.com/">
<img src="/PRO_Python3/Python学习/Test2018/set.png" alt="HTML 教程" width="32" height="32">
</a>
</p>
<p>无边框的图片链接:
<a href="http://www.baidu.com/">
<img border="0" src="/PRO_Python3/Python学习/Test2018/set.png" alt="HTML 教程" width="32" height="32">
</a>
</p>
<p>
<a href="#C3">查看章节 3</a>
</p>
<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 2</h2>
<p>这边显示该章节的内容……</p>
<h2><a id="C3">章节 3</a></h2>
<p>这边显示该章节的内容……</p>
<p>跳出框架?<a href="http://www.baidu.com/" target="_top">点击这里!</a> </p>
<p>
这是一个电子邮件链接：
<a href="mailto:example@163.com?Subject=Hello%20again" target="_top">发送邮件</a>
</p>
<p>
这是另一个电子邮件链接：
<a href="mailto:example@example.com?cc=example1@qq.com&bcc=example2@qq.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送邮件!</a>
</p>
<p>
<b>注意:</b> 单词之间空格使用 %20 代替，以确保浏览器可以正常显示文本。
</p>
实例练习.png
二、头部
（一）HTML head 元素
| 标签 | 描述 |
|---|---|
<head> |
定义了文档的信息 |
<title> |
定义了文档的标题 |
<base> |
定义了页面链接标签的默认链接地址 |
<link> |
定义了一个文档和外部资源之间的关系 |
<meta> |
定义了HTML文档中的元数据 |
<script> |
定义了客户端的脚本文件 |
<style> |
定义了HTML文档的样式文件 |
（二）<head> 元素
<head>元素包含了所有的头部标签元素。
在<head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种 meta 信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
<head> 元素描述了文档的各种属性和信息，其中包括文档的标题、在 Web 中的位置以及和其他文档的关系等。
（三）<title> 元素
<title> 标签定义了不同文档的标题，在 HTML/XHTML 文档中是必须。
（四）<base> 元素
<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。
在 HTML 中，<base> 标签没有结束标签，必须被正确地关闭。
（五）<link> 元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表。
（六）<style> 元素
<style> 标签定义了HTML文档的样式文件引用地址。
在<style>元素中你需要指定样式文件来渲染HTML文档。
（七）<meta> 元素
<meta> 标签提供了元数据。元数据也不显示在页面上，但会被浏览器解析。
META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
<meta>一般放置于 <head>区域
为搜索引擎定义关键词
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容
<meta name="description" content="Free Web tutorials on HTML and CSS">
定义网页作者
<meta name="author" content="Hege Refsnes">
每30秒钟刷新当前页面
<meta http-equiv="refresh" content="30">
（八）<script>元素
<script>标签用于加载脚本文件，如： JavaScript。
<script>元素在以下章节会详细描述。
网友评论