HTML基础：掌握HTML标记语言的基本语法

# 1. HTML基础概述 HTML（HyperText Markup Language）是一种标记语言，用来编写网页。它由一系列的元素（elements）组成，这些元素可以用来包裹不同部分的内容，使其以特定的方式显示或工作。HTML不是一种编程语言，而是一种标记语言，它告诉浏览器如何显示内容。 ## 1.1 什么是HTML标记语言 HTML标记语言是一种用于创建网页的标记语言，它由一系列的元素（或标签）组成，这些元素可以用来包裹不同部分的内容，并告诉浏览器如何显示这些内容。HTML是构建Web页面的基础，它通过标记来定义和组织页面的结构和内容。 ## 1.2 HTML的发展历史 HTML最早由Tim Berners-Lee在1991年创建，随后经过多个版本的更新和发展，逐渐成为了Web页面标记的标准语言。1997年，HTML4.0成为了W3C标准，随后在2014年HTML5推出，引入了许多新特性和改进。 ## 1.3 HTML在Web开发中的重要性在Web开发中，HTML起着至关重要的作用，它负责定义页面的结构和内容。无论是网页还是应用程序，HTML都是构建其界面的基础，它和CSS（层叠样式表）和JavaScript（JS）一起构成了Web前端开发的基本技术栈。以上是HTML基础概述的内容，接下来我们将介绍HTML语法基础。 # 2. HTML语法基础 HTML语法基础是学习HTML的第一步，理解HTML文档的基本结构、标签、元素和属性的概念对于后续的学习至关重要。 ### 2.1 HTML文档的基本结构一个标准的HTML文档由以下几部分组成： ```html <!DOCTYPE html> <html> <head> <title>文档标题</title>  </head> <body>  </body> </html> ``` ### 2.2 标签、元素和属性的概念 - **标签**是HTML语法的基本单位，用尖括号包围的名称表示，如`...`表示段落标签。 - **元素**由开始标签、结束标签及其之间的内容组成，如`这是一个段落`是一个段落元素。 - **属性**提供有关HTML元素的更多信息，以名称/值对的形式出现在开始标签中，如`<img src="image.jpg" alt="图片">`中的`src`和`alt`是属性。 ### 2.3 HTML标签的书写规范 - HTML标签不区分大小写，但建议统一使用小写以保持一致性。 - 大多数HTML标签都是成对出现的，有开始标签和结束标签；也有单标签，如` `用于换行。 - 属性的取值要用双引号括起来，保持属性取值的一致性和可读性。通过学习HTML文档的基本结构和语法规范，能够为后续学习HTML标记和元素打下坚实的基础。 # 3. 常用HTML标记 HTML标记是网页中用来展示内容和控制布局的关键元素。在本章节中，我们将介绍一些常用的HTML标记，包括文本标记、图像标记和超链接标记等。 #### 3.1 文本标记在HTML中，可以使用各种标记来设置文本的样式和结构。比如： - `<h1>` - `<h6>`：用于定义标题，字体大小由h1到h6逐级递减。 - ``：用于定义段落。 - `` 或 ``：用于加粗文本。 - `` 或 ``：用于斜体文本。 - ``：用于下划线文本。示例代码： ```html <h1>这是一个标题</h1> 这是一个段落。 这个词是加粗的。 这个词是斜体的。 这个词有下划线。 ``` #### 3.2 图像标记在HTML中，使用`<img>`标记来插入图片，通过指定图片的URL地址