超文本标记语言(HTML)是设计和开发网页的最常用语言。 要使用HTML创建网页,必须熟悉HTML基础知识。
因此,有必要学习HTML基础知识,例如:标签和嵌入在HTML标签,属性和数据类型中的内容。
基本HTML文档
下面是基本的HTML标记,这些标记将整个文档分为头部,正文等各个部分。
- 每个HTML文档都以HTML文档标签开头。 尽管这不是强制性的,但是使用下面提到的标记开始文档是一个好习惯:
<!DOCTYPE html>
<html>
- 每个HTML代码都必须包含在基本<html>
标记之间。 它以<html>
开头,并以</html>
标记结尾。<head>
- 接下来是head
标签,其中包含网页或文档的所有标题信息,如页面标题和其他杂项信息。这些信息包含在head
标记内,该标记以<head>
开始,以</head>
结尾。<title>
- 使用<title>
标签指示网页的标题。它用于显示标题信息。 标签以<title>
开头,以</title>
结尾<body>
-body
标签包含页面的实际正文,所有用户都可以看到。它以<body>
开始,以</body>
结尾。标签中包含的所有内容都会在网页上显示,包括文字,图像,音频或视频,甚至是链接。
HTML标记指示Web浏览器如何解释文档。 标签的属性提供其他信息,例如:标签的行为和属性。 根据标签和属性定义的属性和行为,将内容显示在浏览器上。
HTML标签可以根据其在网页上显示的行为分为以下几部分:
- 根元素 - 包含HTML的主要标签。
- 元数据 - 包含定义整个HTML文档行为的标签。
- 部分 - 包含用于表示HTML文档各个部分的标签。
- 标题 - 包含表示HTML文档中标题的标签。
- 流 - 包含在HTML文档的
BODY
标签中使用的标签,以定义文档的结构。 - 短语 - 包含用于显示HTML文档文本的标签。
- 嵌入式 - 包含用于将内容嵌入HTML文档中的标签。
- 交互式 - 包含用于用户交互性的标签。
HTML基础示例
下面是一些HTML基础示例:
<!DOCTYPE HTML>
<html>
<head>
<title>HTML教程标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>H1标签</h1>
<p>这是一个段落(A)</p>
<h2>H2标签</h2>
<p>这是一个段落(B)</p>
<h3>H2标签</h3>
<p>这是一个段落(C)</p>
</body>
</html>
在文本编辑器(记事本或其他)中编写以上HTML代码,并使用.html
扩展名保存,这里保存为:index.html 。在浏览器中打开保存的文件结果如下所示:
以下是另一个HTML基本示例:
<!DOCTYPE HTML>
<html>
<head>
<title>HTML教程标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<h1>Hello,XN</h1>
<p>
这是A行<br>
这是A-1行<br>
</p>
<hr>
<p>
这是B-1行<br>
这是B-2行<br>
</p>
<hr>
<p>
这是C-1行<br>
这是C-2行<br>
</p>
<hr>
</body>
</html>
在浏览器中打开保存的文件结果如下所示: