HTML基础

• HTML 到底是什么？

       HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。HTML 由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。例如，键入下面一行内容：

• 一、HTML元素

• 需要掌握：

元素的组成部分

例：段落（paragraph）:<p>要显示的段落内容</p>;

1. 1. 开始标签（Opening tag），如“<p>要显示的段落内容</p>”；
   2. 结束标签（Closing tag），如“<p>要显示的段落内容</p>”；
   3. 元素内容（Content）：在开始标签与结束标签之前的文本本身为元素的内容，如：“<p>要显示的段落内容</p>”；
   4. 元素（Element）：开始标签、结束标签与内容便是一个完整的元素，如“<p>要显示的段落内容</p>”。

元素属性部分（Attribute）：

  例：“<p class="editor-note">要显示的段落内容</p>”;

  在上中，class是属性名称，editor-note是属性的值。class属性可以为元素提供一个标识名称，以便进一步为元素指定样式或进行其他操作时使用。

  属性应该包含：

1. 1. 1. 在属性与元素名称之间的空格符，有多个属性之间的空格符；
      2. 属性名称接上的一个等号；
      3. 由引号所包围的属性值。

嵌套元素：将一个元素置于其他元素之中，称作嵌套。

  例：<p>要显示的<strong>段落</strong>内容</p>

    必须保证元素嵌套次序正确，元素必须正确地开始和结束，才能清楚地显示出正确的嵌套层次。

空元素：不包含任何内容的元素成为空元素。

  例：<img src="images/firefox-icon.png" alt="My test image">

    本元素包含两个属性，但是并没有 </img> 结束标签，元素里也没有内容。这是因为图像元素不需要通过内容来产生效果，它的作用是向其所在的位置嵌入一个图像。