1.html的介绍
html（hyper text markup language） 超文本标记语言，超文本：在文本内容的基础上，添加 更加丰富的信息（图片 动画 声音等）。
- 标记（标签）--<单词>
- 标记通常有两层含义：（表型）每个标签都有一定表现形式。（表意）每个标签有一定的意义。
- 语言：可以直接被浏览器解析，和程序语言不一样。
2.html的标签分类
- 双标签：开始标签和结束标签构成，内容放在开始标签和结束标签中间。
语法：<标签 属性名="属性值">......内容......</标签>。
常见的双标签有：<div></div> <a></a> <html></html>
其中''属性''可以理解人的特征 。
例如：<div 性别=''女'' ></div> <html 身高=''168''></html>
- 单标签：只有开始标签，没有结束标签，没有内容。
语法：<标签 属性名="属性值" />
常见的单标签有：<link/> <img/> <br/> <meta/>
3.html基本骨架结构
<html>
<head>
<title>网站标题</title>
</head>
<body>
</body>
</html>文件的扩展名是xxx.html
4.html结构说明
- <html>含义：告诉浏览器，网页的代码用什么格式来解析。
- <head>含义：告诉浏览器，网页的代码用什么字符集。若字符集使用不正确，就会出现乱码。（常见的字符集有：gb2312---简体中文，（默认使用的汉字操作系统）， gbk---国际码 utf-8---多国语言）。
- <title>含义：便于搜索引擎。
- <body>含义：网站的内容。（99%的内容都放入body标签中，只有放入标签中，才能在窗口显示）。
5.html书写规范
- html不分大小写，但是w3c使用的是小写<body>,不推荐<BODY>。
- html 如果有标签嵌套，顺序嵌套，不能交叉。
- 单标签一定要闭合。例如:<br/>。
- 属性：每一个标签有没有属性，有多少属性---w3c规定好的。
- 属性值：用'' ''引起。
- html 注释：注释的内容不在窗口显示 <!--注释-->
6.html标签
以下是一些常用的HTML文本标签：
- 标题标签：包括
<h1>到<h6>，用于定义不同级别的标题，其中<h1>是最高级别，<h6>是最低级别。 - 段落标签：
<p>，用于定义文档中的段落。 - 换行标签：
<br>，用于在不产生新段落的情况下换行。 - 水平线标签：
<hr>，用于在页面中插入一条水平线，常用于分隔内容。 - 引用标签：
<q>，用于表示引用的文本，通常会自动添加引号。 - 块引用标签：
<blockquote>，用于表示长引用，通常会缩进并添加边框。强调标签：<em>，用于强调文本，通常是斜体显示。 - 加粗标签：
<strong>，用于强调文本，通常是加粗显示。 - 删除标签：
<del>，用于表示删除的文本，通常会显示为中划线。 - 插入标签：
<ins>，用于表示插入的文本，通常会显示为下划线。 - 缩写标签：
<abbr>，用于表示缩写词，可以提供全称的解释。 - 代码标签：
<code>，用于显示计算机代码，通常会使用等宽字体。 - 键盘标签：
<kbd>，用于表示键盘输入，通常会使用等宽字体。 - 变量标签：
<var>，用于表示变量名称，通常会以斜体显示。 - 时间标签：
<time>，用于表示日期和时间，可以指定具体的时间和时区。 - 预格式化文本标签：
<pre>，用于保留文本中的空格和换行，通常用于显示代码。 - 注释标签：
<!-- 注释内容 -->，用于在源代码中添加注释，不会在浏览器中显示。
以下是一些常用的HTML文本标签：
<p>标签：这是定义网页中一个段落的标签。每个<p>元素表示一个段落，浏览器会在段落之前和之后添加一定的空白，以区分不同的段落。它通常用于包含文本，但也可以包含其他内联元素，如<em>、<strong>或<a>。<br/>标签：这是一个空元素，用于在不产生新段落的情况下插入一个换行。它告诉浏览器在这里将文本截断，从下一行的开始处继续。<h1>到<h6>标签：这些是标题标签，用于定义页面中的各级标题。<h1>是最高级别的标题，通常用于主标题，而<h6>是最低级别的标题，用于辅助标题或小节标题。这些标签除了用于显示外，还有助于搜索引擎理解页面的结构。<pre>标签：这个标签用于显示预格式化的文本。它保留了文本中的空格和换行，通常用于显示代码片段。<blockquote>标签：用于表示长引用，通常会缩进并可能带有边框，以区别于普通文本。<address>标签：用于表示文档的联系信息，如作者、电子邮件地址等。这个标签通常用于文档的页脚或文章的末尾。<abbr>标签：用于表示缩写词，可以提供一个全称的解释，以便用户鼠标悬停时查看。<cite>标签：用于表示作品的引用，通常是书籍、歌曲或其他作品的标题。<q>标签：用于表示短引用，通常会在引用的文本周围添加引号。<dfn>标签：用于表示定义术语的地方，通常与<cite>或<code>标签结合使用，以提供术语的定义。<mark>标签：用于表示需要突出显示的文本，通常是因为它与用户的搜索查询相关。
在html中，标签根据它们在页面布局中的表现，可以被分为三类：块级标签、行内标签和行内块标签。
块级标签：
- 独占一行，对高度、宽度、行高以及顶和底边距都可设置的属性值生效。
- 如果不给宽度，块级元素就默认为浏览器的宽度，即100%宽。
- 常见的块级标签包括
<p>（段落）、<div>（划分块）、<ul>（无序列表）、<ol>（有序列表）、<li>（列表项）、<dl>（定义列表）、<dt>（定义术语）和<dd>（定义描述），以及<h1>到<h6>（标题）等。
行内标签：
- 可以多个标签存在于同一行。
- 不能直接设置行内标签的高度、宽度、行高以及顶和底边距，完全靠内容撑开宽高。
- 常见的行内标签有
<a>（链接）、<span>（通用容器）、<em>（强调）、<strong>（加粗强调）、<b>（加粗）、<i>（斜体）、<u>（下划线）、<label>（标签）、<br>（换行）等。
行内块标签：
- 结合了行内和块级的优点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示。
- 典型的行内块标签有
<img>（图片）、<input>（输入框）、<textarea>（文本区域）等。
注意：通常块标签里面包含行内标签
