本文介绍了HTML（超文本标记语言）的概念、特性，包括其作为标记语言的结构、元素组成（如开始和结束标签、属性）、以及基本文件结构（doctype、根标签、头部和主体）。还概述了HTML的基本语法规则，如标签使用、嵌套和属性要求。
1、名词解释
HTML代表Hyper Text Markup Language，直译为『超文本标记语言』。是为网页创建和设计的标准语言。
2、什么是超文本？
尽管HTML文件从本质上来说是文本文件，但与普通文本文件不同的是，HTML具有特殊的标签能够引入其他的多媒体资源如其他网页、图片、音频、视频等。这意味着，通过HTML，网页内容可以超越单纯的文本，实现丰富的交互和展示效果，从而称之为“超文本”。
3、标记语言的特性
HTML作为一种标记语言，并不是像Java或Python这样的编程语言。它主要由一系列的“标签”构成，这些标签为页面内容提供结构和样式。
例如，一个段落可以这样表示：
<p>HTML是前端技术中非常流行的一种语言。</p>
在上面的代码中，<p>是开始标签，</p>是结束标签，它们共同定义了一个段落。
有些标签还可以包含属性，用来提供额外的信息或功能，如：
<a href="http://www.example.com">点击这里</a>
在这里，href是一个属性，它告诉浏览器这个链接要跳转到的地址。
有些HTML元素不需要内容或结束标签，这些被称为“自闭合”或“单标签”，例如：
<input type="text" name="username" />
4、一个简单的HTML示例
5、HTML文件的基本结构
一个基本的HTML文档结构大致如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文档标题</title>
</head>
<body>
<!-- 页面的主体内容 -->
</body>
</html>
HTML文档通常具有以下部分：
① 文档类型声明
这告诉浏览器当前文档使用哪种HTML版本。现在，主流的版本是HTML5：
<!DOCTYPE html>
② 根标签
<html>标签是整个文档的根标签，其中包含了所有其他HTML标签。
③ 文档头部
<head>标签定义了文档的头部，它包含了文档的元信息，如字符集、标题、引用的CSS和JavaScript文件等。
④ 文档主体
<body>标签定义了网页的可见内容。
⑤ 注释
在HTML中，可以使用以下方式添加注释：
<!-- 这是一个注释 -->
注释的内容在浏览器中不可见，但它可以帮助开发人员理解和维护代码。
6、HTML的基本语法规则
- 一个HTML文档只能有一个根标签。
- 所有的标签，无论是双标签还是单标签，都必须正确地关闭。
- 标签可以嵌套，但不能交叉嵌套。
- 标签的属性必须有值，而且值应当被引号包围。
- 虽然标签名不区分大小写，但为了代码的可读性和一致性，建议统一使用小写。
扫一扫
1205
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
