HTML基础标签:标题段落空格链接图像强调

html 标题

---

 html标题（heading）是通过<h1>-<h6>标签来定义的. 
h是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、ppt等。 
这里有六个标题元素标签——<h1>、<h2>、<h3>、<h4>、<h5>、<h6>，每个元素代表文档中不同级别的内容： 
<h1>表示主标题（themainheading），<h2>表示二级子标题（subheadings），<h3>表示三级子标题（sub-subheadings），<h4>、<h5>、<h6>依次递减字体的大小。

html 段落

---

html 段落是通过标签<p>来定义的，p是英文paragraph段落的缩写，经常被用来创建一个段落，就和你写作文一样

 1 <h1>三国演义</h1>
 2 
 3 <p>罗贯中</p>
 4 
 5 <h2>第一回 宴桃园豪杰三结义 斩黄巾英雄首立功</h2>
 6 
 7 <p>话说天下大势，分久必合，合久必分。周末七国分争，并入于秦。及秦灭之后，楚、汉分争，又并入于汉……</p>
 8 
 9 <h2>第二回 张翼德怒鞭督邮 何国舅谋诛宦竖</h2>
10 
11 <p>且说董卓字仲颖，陇西临洮人也，官拜河东太守，自来骄傲。当日怠慢了玄德，张飞性发，便欲杀之……</p>
12 
13 <h3>却说张飞</h3>
14 
15 <p>却说张飞饮了数杯闷酒，乘马从馆驿前过，见五六十个老人，皆在门前痛哭。飞问其故，众老人答曰：“督邮逼勒县吏，欲害刘公；我等皆来苦告，不得放入，反遭把门人赶打！”……</p>

上述实例所涉及的元素具体代表什么，完全取决于作者编辑的内容，只要确保层次结构是合理的。在创建此类结构时，您只需要记住以下几点：

• 首先，您应该只对每个页面使用一次<h1>，这是主标题，所有其他标题位于层次结构中的下方。
• 其次，请确保在层次结构中以正确的顺序使用标题。不要使用<h3>来表示副标题，后面跟<h2>来表示副副标题，这是没有意义的，会导致奇怪的结果。
• 最后，在可用的六个标题级别中，您应该保证每个页面中标题级别的使用不超过三个，除非您认为有必要使用更多。具有许多标题级别的文档会变得难以操作并且难以导航。在这种情况下，如果可能，建议将内容分散在多个页面上。 

html中的空格

---

在代码中可能包含了很多的空格——这是没有必要的
无论你用了多少空格（包括空格字符，包括换行），当渲染这些代码的时候，html解释器会将连续出现的空格字符减少为一个单独的空格符。
为什么我们会使用那么多的空格呢?

答案就是为了可读性——如果你的代码被很好地进行格式化，那么就很容易理解你的代码，反之就会很混乱。在我们的html代码中，我们让每一个嵌套的元素以两个空格缩进。

你使用什么风格来格式化你的代码取决于你（比如所对于每层缩进使用多少个空格），但是记住你应该坚持使用某种风格。

html 链接

---

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

html 图像

---

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

举例如下：<img src="https://www.your-image-source.com/your-image.jpg">注意：img元素是自关闭元素，不需要结束标记。

html 强调

---

在人类语言中，为了突出一句话的意思，我们通常强调某些词，并且我们通常想要标记某些词作为重点或者表示某种程度上的不同。html 提供了许多语义化的元素，并且允许我们通过这些元素的意义标记正文内容，在这个章节中，我们将看到最常见的一小部分元素。在html中我们可以使用em（emphasis）元素来标记这样的情况，浏览器默认风格为斜体/在html中我们还可以使用<strong>(strong importance)元素来标记这样的请况，浏览器默认风格为粗体