HTML 基础- 4个实例

本章介绍了 HTML 中较为常用的基础标签的实例以及 HTML 基础知识。您可能还没接触过这些实例，不过不用担心，阅读完本章您就能够掌握它们了！ 

HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 标签来定义的.

h是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。

这里有六个标题元素标签 —— <h1>、<h2> 、<h3>、<h4>、<h5>、<h6>，每个元素代表文档中不同级别的内容：

 <h1> 表示主标题（ the main heading ），<h2> 表示二级子标题（ subheadings ），<h3>表示三级子标题（ sub-subheadings ），<h4>、<h5>、<h6>字体的大小依次递减。

你也可以通过实战实验来尝试挑战一个 h2 标题的设置：

HTML标题实战实验

HTML 段落

HTML 段落是通过标签<p>来定义的，P是英文paragraph段落的缩写，经常被用来创建一个段落，就和你写作文一样，您可以进行实战演练。

下面这个实例讲述了标题和段落的结构层次：

HTML 链接

HTML 链接是通过标签<a>来定义的。a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

 提示：在href属性中指定链接的地址。

 (您将在本教程稍后的章节中学习更多有关属性的知识)

 HTML链接实战测验

HTML 图像

HTML 图像是通过标签<img>来定义的。使用img元素来为你的网站添加图片，使用src 属性指向一个图片的具体地址。

举例如下：<img src="https://www.your-image-source.com/your-image.jpg" rel="external nofollow" >

请注意：img元素是自关闭元素，不需要结束标记。

注意： 图像的名称和尺寸是以属性的形式提供的。

HTML 图像实战测验 

HTML 强调

在人类语言中，为了突出一句话的意思，我们通常强调某些词，并且我们通常想要标记某些词作为重点或者表示某种程度上的不同。HTML 提供了许多语义化的元素，并且允许我们通过这些元素的意义标记正文内容，在这个章节中，我们将看到最常见的一小部分元素。

在 HTML 中我们可以使用em（emphasis）元素来标记这样的情况，浏览器默认风格为斜体：

在 HTML 中我们还可以使用<strong>(strong importance)元素来标记这样的请况，浏览器默认风格为粗体：

注意：为了不同的字体风格，我们应该使用元素和一些 CSS 的样式.