常见标签及其属性 ·相对路径与绝对路径 ·列表 ·表格的制作

2常见标签及其属性

2.1标题标签

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即 <h1>、<h2>、<h3>、<h4>、<h5>和<h6>。

超链接默认打开方式 本页面跳转

标题的基本语法格式如下:

<h2>标题文本</h2>
<h3>副标题文本</h3>

请尽量避免使用h1标签。h1标签一般是给logo 使用，或者给页面中最重要的标题信息使用。

2.2段落标签

在网页中要把文字有条理地显示出来，就离不开段落标签。就如同我们平常写文章一样，整个网页也可以分为若干个段落。段落的基本语法格式如下:

<p>文本内容</p>

段落是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

2.3水平线标签

在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰、层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成, <hr/>就是创建横跨网页水平线的标签。

<p>第一个段落</p>
<hr />
<p>第二个段落</p>

2.4换行标签

在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某酸文本强制换行显示，回车健换行是不起作用的，需要使用换行标签。

<p>
    鹅鹅鹅<br />
    曲项向天歌
</p>

2.5图像标签

HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签，接下来将详细介绍图像标签以及和它相关的属性。

其基本语法格式如下:

<img src="图像URL" />

2.6链接标签

在HTML 中创建超链接非常简单，只需用标签环绕需要被链接的对象即可。

<a href="跳转目标"></a>

2.7锚点定位

(1)使用<a href="#id名">链接文本</a>创建链接文本：

<a href="#two">第二集</a>

(2)使用相应的id名标注跳转目标的位置：

<h3 id="two">第二集</h3>

2.8注释标签

如果需要在HTML文档中添加一些便于阅读和理解，但又不需要显示在页面中的解释文本，就需要使用注释标签

<!--注释语句-->

注释内容 不会显示在浏览器窗口中，但是作为HTML文档内容的一部分࿰