第3章 HTML技术实践 3.1 知识简介 3.1.1 HTML简介 HTML(HyperTextMarkupLanguage,超文本标记语言)是一种用于创建网页的标 记语言,主要用来定义网页的结构和内容。使用HTML 标记语言编写的文档被称为 HTML文档,由HTML元素组成。常见的HTML元素包括标题、段落、列表、表格、超 链接、图像、音视频、表单等。一个HTML元素由一个标签和一组属性组成。一个标签 可以有一个或多个属性,属性以名称和值成对出现。Web浏览器读取HTML 文档,并以 网页的形式显示出来,浏览器不会显示HTML 标签,而是通过标签来解释网页的内容。 HTML标签是由尖括号包围的关键词,如,不区分大小写。HTML 标签通 常是成对出现的,如
和
,标签对中的第一个标签是开始标签,第二个标签是 结束标签。 有些HTML 元素由开始标签、内容、结束标签组成,例如,HTML段落元素语法格 式如图3-1所示。 图3-1 HTML段落元素 还有一些元素既不包含文本也不包含其他元素。这类元素无需单独的结束标签,只 需在开始标签的“>”前加一个可选的空格和斜杠即可,如图像元素标签。 除了标签,HTML还可以使用属性来描述元素。属性为元素提供了其他信息,例如, 图像的URL地址、表格的行数和列数等。属性通常以“名/值对”的形式出现,属性的名 称和值不区分大小写,例如,图像元素,其中, src和alt是属性的名称,而logo.jpg和吉首大学是它们的值,各属性用空格隔开且没有先 后次序。 使用HTML标记语言编写的文档扩展名为.html或.htm,可以使用任意的文本编辑 器对其进行编辑,如Windows的记事本,本书推荐使用IntelliJIDEA。 3.1.2 HTML常用标签 HTML是用于构建网页的标准标记语言。下面列出了一些最常用的HTML标签, 这些标签构成了网页的基本结构和内容。 ·29· 视频讲解 (1)标题标签:

,

,…,

,用于定义页面的六个等级的标题,其中,

为最高级别,

为最低级别。合理使用标题层级有助于优化搜索引擎,以及使内容结 构化。 (2)段落标签:

包围绕文本内容以形成段落,是文本内容最基本的组织单位。 (3)链接标签:文本用于创建超链接,用于指向其他网页、文 件或同一页面内的锚点,是网页导航的基础。 (4)图像标签:用于插入图像到页面中, src属性指定图片路径,alt属性提供图片无法显示时的替代文本,利于无障碍访问。 (5)列表标签:

、、
、组织数据为表格,其中,定义表格, 为行,
为单元格(数据),为表头单元格。 (7)容器标签:
为通用的块级容器,用于布局和样式应用,是布局设计中常用 的基础元素。 (8)内联文本格式标签:、、、、、、、分别 用于强调(重要性与语气)、加粗(强调)、视觉加粗、斜体、下画线、删除线、下标、上标文本。 (9)文本区域: 提交问题