HTML（2）基本标签

1.标题标签

作用：用来定义标题，  <h1> 定义最大的标题。<h6> 定义最小的标题。

格式：<h1>内容</ h1>   <h2>内容</ h2>    <h3>内容</ h3>

h是headline的缩写。

了解一点：几乎在每个页面中，都会有h标签。尤其是h1和h2。

通常对于一篇新闻/文章，肯定会使用h1标签。

还有，一般大型网站的首页logo会使用h1标签。

在页面中，如果有子标题的内容，一般使用h2实现。

如果在一个版块中，有很多的子标题，可以使用h3来实现。

2.段落标签

作用：用来分隔内容，使内容调理清晰。

格式：<p>内容</p>

p是Paragraph（段落）的缩写。

基本用法如下：

还有一个和p有关的标签是br，表示换行，是一个单标签。

注意：p和br的区别。

所表示的含义是不一样的。p就表示段落。br仅仅就是换行而已。

使用的时候，如果是空行，请使用br。

<p></p>

<br>

注意：使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br> 标签代替它！

<br>只表示换行，不表示段落的开始或结束

经典应用：

用于文章/新闻/博客的页面中。

-----------------------------------------------------------------------------------------------------------------------

3.超链接标签及其属性

作用：用于链接其它资源，从而形成万维网。

格式：<a href=" " target=" "name=" " title=" ">内容</a>

重点掌握href属性。

a是anchor（超链接）的缩写。

基本使用：

target属性，比较重要。

target，表示目标的意思，我们打开的页面是在当前页面中打开，还是在新窗口打开，或者在某个框架页面中打开。

先掌握如下两个：

•  _blank，表示在新窗口中打开

•  _self，表示在当前窗口中打开，这是默认值。

---------------------------------------------------------------------------------------------------

title属性，表示当前超链接的标题属性。

当将鼠标放在超链接的上方的时候，会显示类似提示的信息。

实际上，任何标签都有这个title属性。

虽然所有的标签都有title属性，但是在a标签上用的比较多一些。

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------

在网页中，a用法比较多。

a.站外链接

所谓的站外，就是web上的某一个页面或者网站。

对于网址，一般描述为URL，统一资源定位。Uniform Resource Location，专门用来描述某个资源（网页）在web中的地址（位

置）。

b.站内链接

站内是指网站内部的一个链接。网站通常是由一系列的页面来构成的。

在站内，可以使用完整的url来链接。实际上，通常很少这么做。

使用比较多的一种做法是用相对路径来实现。

相对和绝对是关联的。

先看绝对路径的例子：

再看相对路径：

有两个常用的表示目录的写法：

./ ： 表示当前目录

../： 表示上一级目录

要结合实际代码来理解。

1.html-->2.html  ./2.html

1.html-->3.html  ./B1/C1/3.html

2.html->4.html   B2/4.html

3.html->2.html   ../../2.html

实际上，在开发中，对于站内，相对路径使用比较多。如果是站外，直接使用完整的url。

------------------------------------------------------------------------------------------------------------------------------------------

C.锚点链接

具体实现，分两步：

建立锚点，需要设置name属性

链接到锚点，设置的href属性，需要加上#

实际上，需要使用到两个a标签

在实际使用时，有一个默认的锚点#top，表示顶部

而对应的top是不需要设置的。也就是说，在这种情况下，我们只需要一个a标签就可以实现锚点链接。

D.其它资源链接

实际上，在HTML中，a可以链接的资源是很多的，包括HTML文件，图片、word文档、压缩文件，视频等。

如果浏览器本身能够解析这些资源，那么就直接解析并显示。

如果浏览器不能解析这些资源，会以下载的方式展示。

E.email链接

通常是发送邮件的时候，会用到。

如果我们的电脑中安装了outlook或者foxmail的邮箱工具，会启动这些工具，开始写邮件。

关于email链接，使用不多。

---------------------------------------------------------------------------------------------------------------------------------------------------