第三天·HTML常用标签

一·<h1>-<h6>

单词缩写：head
HTML的<h1>-<h6>代表了六个等级的标题，其中<h1>标签比较重要，因此要尽量少用。一般<h1>是给logo使用，或者是页面中最重要的标题。

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

二·<p>

单词缩写：paragraph
在HTML中每个段落都是通过<p>元素标签进行定义的, 比如下面这样：

<p>I am a paragraph, oh yes I am.</p>

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

三·<hr/>

单词缩写：horizontal
在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成。它是一个单标签，其基本语法格式如下：

<hr />是单标签

四·<br/>

单词缩写：break
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签：

<br/>

在HTML中直接敲回车来换行是不起作用的。

五·文本格式化标签

具体如下：

其中<b>、<i>、<s>、<u>只有使用没有强调的意思, <strong>、<em>、<del>、<ins>语义更强烈。

六·图像标签<img/>

单词缩写：image
HTML网页中任何元素的实现都要依靠HTML标签，要想在网页中显示图像就需要使用图像标签，<img>标签基本语法如下：

<img src="图像URL"/>

该语法中：src属性用于定义指定图像的文件名和路径，它是<img/>标签的必选属性。

相对路径与绝对路径：
相对路径：以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对路径。具体如下：
（1）图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif" />。
（2）图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.gif" />。
（3）图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src="../logo.gif" />。
绝对路径：绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的，例如：“D:webimglogo.gif”，或完整的网络地址，例如“http://www.itcast.cn/images/l...”。

七·链接标签<a>

单词缩写：anchor
<a>元素(或锚元素)可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。在HTML中创建超链接非常简单，只需用标签环绕需要被链接的对象即可，基本语法如下：

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

常用属性：
（1）download：<a>标签的download属性规定被下载的超链接目标，只有Firefox和Chrome支持download属性。
（2）href:<a>标签的href属性用于指定超链接目标的URL。
（3）name:<a>标签name属性用于指定锚（anchor）的名称,该属性在HTML5中不支持。
备注：在 HTML 4.0 之前的版本中，只有使用<a>标签的name属性才能创建片段标识符。随着HTML 4.0中id属性的出现，所有HTML或XHTML元素都可以是片段标识符。这是因为id标识符几乎可以用在所有的标签中。<a>标签为了能够和以前的版本相兼容而保留了name属性，同时也可以使用id属性。这些属性可以相互交换使用，可以把id属性看作是 name 属性的升级版本。name和id属性都可以与href属性结合起来使用，这样一个<a>标签就可以同时作为超链接和片段标识符使用。
（4）target：<a>标签的 target 属性规定在何处打开链接文档。
备注：如果在一个<a>标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。target属性的值：

注意：<a>标签中必须提供href属性或name属性。