理解HTML：基础标记与结构-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_56424071/article/details/115132935

HTML是一种描述文档结构的标记语言，与操作系统平台无关，主要用于网页制作。HTML元素包括起始和结束标记，通常有属性来提供更多信息。网页基本结构由`<html>`、`<head>`和`<body>`等标记定义。`<title>`定义网页标题，`<body>`包含正文，`<img>`加载图像，`<br>`实现换行，`<p>`定义段落，`<h1>`到`<h6>`定义标题等级。此外，`<pre>`保留文本格式，`<b>`使文本加粗，还有对齐属性如`align="center"`。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML语言简介

HTML文件特点

HTML（超文本标记语言）不是一种程序语言，而是一种描述文档结构的标记语言，它与操作系统平台的选择无关，只要有浏览器就可以运行HTML文档。HTML使用一些约定的标记对WWW上的各种信息进行标记浏览器会自动根据这些标记，在屏幕上显示出相应的内容。自从1990年它首次用于网页制作后，几乎所有的网页都是由HTML或以其它语言（如JavaScript）镶嵌在HTML中编写的。

从结构上讲，HTML文件由元素组成，组成HTML文件的元素有许多种，用于组织文件的内容和指导文件的输出格式。绝大多数元素是“容器”，即它们有起始标记和结尾标记。元素的起始标记叫作起始连接签，元素的结束标记叫作结尾链接签，在起始链接签和结尾链接签中的部分是元素体。

一个元素的元素体中可以有其他的元素。“属性名”“=”和“属性值”合起来构成一个完整的属性，一个元素可以有多个属性，各个属性用空格分开。一般来讲，HTML的元素有下列3种表示方法：

<元素名>文件或超文本</元素名>
<元素名属性名= “属性值…” >文本或超文本<元素名>
<元素名>

第三种写法仅用于一些特殊的标识，例如换行标识它<br>仅仅通知浏览器在此处换行，因而不需要界定作用范围。部分标识拥有自己的属性，能够为页面上的HTML标识提供附加信息。属性通常由属性名和值成对出现，只可添加于起始标识符中，例如：<body bgcolor="bule">，标识定义了HTML页面的主体标识，附加的bgcolor属性可以告诉浏览器网页的背景颜色。属性值通常被包含在双引号中。在某些情况下，属性值本身包含引号，此时可以使用单引号代替通常使用的双引号。标识名称不区分大小写，但提倡使用小写标识。

网页基本结构标记

<html>…</html>：最基本的标识，用来通知客户端该文档是html文档，该标识在html文档中不可缺少。表示html文档开始，表示html文档结束。
<head>…</head>：网页头部标识，标明文档的头部信息，可以提高网页文档的可读性。
<body>…</body>：网页主题内容标识，用来指明网页文档的主体区域。其中包含了网页的正文内容。
<title>…</title>：网页标题，必须放在<head>…</head>标识之内。title标明该html文件的题目。
<body bgcolor="#RRGGBB">：使用<body>标识中的bgcolor属性，可以设置网页的背景颜色。使用的格式有以下两种：<body bgcolor="#RRGGBB">和<body bgcolor="颜色的英文">。在第一种格式中，RR、GG、BB分别用来表示颜色中的红色，绿色，蓝色成分的多少，数值越大，颜色越深，它们取值分别为00~FF的十六进制数。
<img>：图像标识，用来加载图像与GIF动画，最重要的标识是src，用来指明图像与GIF动画文件的路径。格式如下：<img src="文件路径"> width =“图像宽度像素数” height=“图像高度像素数”。
<br>：换行标识，表示以后的内容移到下一行
<pre>…</pre>：保留文本原来格式的标识。可以将其中的文本内容按照原来的格式显示。否则浏览器会自动取消文本中的连续多个空格、回车换行等内容。
<b>…</b>：粗体标识

其他常用标记

<hn>…</hn>：正文的标题标识。此外，还有第一、二、三、四、五、六级标题标识，分别为<h1>…</h1>、<h2>…</h2>……
标题标识有对齐属性，align="#"，"#"一般取值为“left”（标题居左）、“center”（标题居中）和“right”（标题居右）。例如：<h2 align=center>标题2</h2>。
<p>…</p>：段落标识，可以将其内的文字另起一段显示，段与段之间有一个空行。段落标识常用的属性是align="#"。
<center>文字</center>表示文字居中，<left>文字</left>表示文字居左，<right>文字</right>表示文字居右。
注释标识：以“<!-”开头，以"->"结束。