4、介绍HTML元素、标签和属性的概念

第4课：HTML元素、标签和属性

在第3课中，我们介绍了如何创建一个基本的HTML文档，并演示了如何在浏览器中打开和查看它。今天我们将更进一步，学习HTML元素、标签和属性的概念。

HTML元素是指HTML文档中的基本构建块，它们由标签、属性和内容组成。比如：<p class="intro">Hello World!</p>，其中的<p>就是标签，class="intro"是属性，而Hello World!则是内容。

HTML标签是指指定元素类型的标记，它们用一对尖括号< > 包裹，比如：<p>、<h1>、<div>等。HTML标签通常是成对出现的，一个是开头标签，一个是结尾标签，例如：<p>和</p>都是HTML标签。

HTML属性是指用来定义元素特性的属性，它们是用于修改或自定义HTML元素的属性。比如：class，用来给元素定义样式；href，用于链接外部资源等等。

HTML元素和标签的嵌套

在HTML文档中，我们可以将一个元素嵌套在另一个元素中，这样就可以创建更复杂的HTML结构。比如：我们可以将一个段落(<p>)中的文本加粗，就可以使用<strong>标签将文本包裹起来，再将<strong>标签放在<p>标签内，例如：

<p>这是一个<strong>加粗</strong>的段落。</p>

HTML属性的使用

HTML属性通常用于指定元素的特定特征或性质，比如样式、链接地址、图片路径等等。一个HTML标签可以包含多个属性，它们通常采用 属性名=属性值 的格式来表示。例如：<a href="http://www.baidu.com" target="_blank">百度一下，你就知道</a>，其中href和target都是属性名，而http://www.baidu.com和_blank则是对应的属性值。

在一个HTML文档中，我们可以使用id属性和class属性来给元素命名。id属性为元素提供了一个唯一的标识符，class属性可以用来对多个元素进行分组，并对它们应用相同的样式。

<div id="header" class="container"></div>

总结

在本节课中，我们学习了HTML元素、标签和属性的概念，以及它们之间的关系和使用方法。HTML元素是指HTML文档中的基本结构块，HTML标签是指指定元素类型的标记，HTML属性是用来定义元素特性的属性。同时，我们还学习了HTML元素和标签的嵌套、HTML属性的使用等。在下一节课中，我们将继续学习如何使用HTML表单元素的基本使用方法。