HTML 脚本

HTML（HyperText Markup Language）是一种用于创建网页的标记语言。在本章节中，我们将深入了解HTML脚本的基本结构和语法。

基本结构

HTML文档通常由以下几个部分组成：

• <!DOCTYPE html>：声明文档类型为HTML5。
• <html>：HTML文档的根元素，包含了整个网页的内容。
• <head>：包含了文档的元数据，如标题、字符集、引用的样式表等。
• <title>：定义网页的标题，显示在浏览器标签页上。
• <body>：包含了网页的实际内容，如文本、图像、链接等。

下面是一个简单的HTML文档示例：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
    <title>我的第一个网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p>这是一个简单的网页示例。</p>
</body>
</html>

标签

HTML使用一系列标签来定义文档的结构和内容。标签通常以<tagname>和</tagname>的形式出现，表示标签的开始和结束。

常用的HTML标签包括：

• <h1>到<h6>：定义标题，1为最大，6为最小。
• <p>：定义段落。
• <a>：定义链接。
• <img>：定义图像。
• <ul>和<ol>：定义无序列表和有序列表。
• <li>：定义列表项。
• <div>：定义文档的分区或区块。
• <span>：定义文档中的行内元素。

属性

HTML标签可以包含属性，属性提供了有关标签的额外信息。常用的属性包括：

• id：定义元素的唯一标识符。
• class：定义元素的类名，用于CSS样式。
• style：定义元素的内联样式。
• src：定义图像或其他媒体文件的路径。
• href：定义链接的目标地址。

下面是一个带有属性的示例：

<a href="https://www.example.com" id="link1" class="external-link">点击这里访问示例网站</a>

注释

在HTML中，可以使用注释来添加对代码的解释或说明。注释不会在浏览器中显示，只是用于开发者的参考。

注释的格式为<!-- 注释内容 -->，如下所示：

<!-- 这是一个注释，用于说明下面的代码段 -->
<p>这是一个段落</p>

在本章节中，我们介绍了HTML脚本的基本结构、标签、属性和注释。在接下来的章节中，我们将继续深入探讨HTML的更多内容。