1、html 简介

　　W3C（World Wide Web Consortium），W3C 组织，万维网联盟，这个组织制订网页标准。W3C 标准不是一个标准，而是一系列的标准的集合，包含三部分的标准：结构标准，表现标准和动作标准，与结构标准对应的是 HTML，与表现标准对应的是 CSS，与动作标准对应的是 JavaScript。

　　HTML 是一种在 Web 上使用的通用标记语言，允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 的关键是标签，其作用是呈现内容。浏览器用于读取 HTML 文件，并将其作为网页显示，他并不是直接显示的 HTML 标签，但是可以使用标签来决定如何展现 HTML 页面的内容给用户。

　　HTML 指的是超文本标记语言：Hyper Text Markup Language。HTML 不是一种编程语言，而是一种标记语言，标记语言是一套标记标签 (markup tag)。HTML 使用标记标签来描述网页。HTML 文档包含了 HTML 标签及文本内容，HTML文档也叫做 web 页面。

　　HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签通常是成对出现的，比如

和

　　HTML标签 和 HTML元素 通常都是描述同样的意思，但是严格来讲，一个 HTML 元素包含了开始标签与结束标签，如：

我是一个段落。

2、HTML 标签

　　HTML 文档由 HTML 元素定义。开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。元素的内容是开始标签与结束标签之间的内容，某些 HTML 元素具有空内容，空元素在开始标签中进行关闭，以开始标签的结束而结束，大多数 HTML 元素可拥有属性。

　　HTML 文档由嵌套的 HTML 元素构成：

我是一个段落。

 1  2  3  4      5      6  7  8 
我是一个段落。
 9 10 

　　HTML 元素可以设置属性，属性是 HTML 元素提供的附加信息，属性一般描述于开始标签，属性总是以名称/值对的形式出现，比如：name="value"。属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么你必须使用单引号。

　　适用于大多数 HTML 元素的属性：

　　　　①：id　　定义元素的唯一 id
　　　　②：class　　为 html 元素定义一个或多个类名(classname)
　　　　③：style　　规定元素的行内样式（inline style 内联样式）
　　　　④：title　　描述了元素的额外信息 (作为工具条使用)

　　(1)、基础标签

　　HTML5 声明：。声明有助于浏览器正确显示网页，也是在告诉浏览器这是一个 HTML5 的网页。 声明位于文档中的最前面的位置，处于 标签之前， 标签没有结束标签，声明不区分大小写。

　　 标签告知浏览器这是一个 HTML 文档。 标签是 HTML 文档中最外层的元素，也是文档的根元素，但是不包含 doctype 元素，也就是声明 ，doctype 元素必须位于 html 元素之前， 标签是所有其他 HTML 元素的容器。HTML5 中增加了一个新属性：manifest，值为 URL 用于定义一个 URL，在这个 URL 上描述了文档的缓存信息。

　　 与 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体，文档的头部由 标签定义，而主体由 标签定义。

　　 元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts)，样式文件(CSS)，及各种 meta 信息。可以添加在头部区域的元素标签有 7 个:

　　标签描述了一些基本的元数据。元数据也不显示在页面上，但会被浏览器解析。元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器(如何显示内容或重新加载页面)，搜索引擎(关键词)，或其他Web服务。注意： 通常位于 区域内，在 HTML 中 标签没有结束标签。

　　元数据（Metadata）是数据的数据信息， 标签提供了 HTML 文档的元数据。注意： 元数据通常以 名称/值 对出现。注意： 如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。在 HTML5 中，有一个新的 charset 属性，它使字符集的定义更加容易：HTML 4.01： ，HTML5： 。

　　 标签使用实例：

1 定义编码格式：2 为搜索引擎定义关键词：3 为网页定义描述内容：4 定义网页作者：5 每30秒中刷新当前页面：6 常用的针对移动网页优化过 viewport 的 meta：

　　上面实例最后一项代码解析：

　　width：控制 viewport(可视区) 的大小，可以是指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度，单位为缩放为 100% 时的 CSS 的像素。

　　height：和 width 相对应，指定高度。

　　initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。

　　maximum-scale/minimum-scale：允许用户缩放到的最大/最小比例。

　　user-scalable：用户是否可以手动缩放。

　　

　　

　　　　①：定义浏览器工具栏中的标题。

　　　　②：提供页面被添加到收藏夹时的标题。

　　　　③：显示在搜索引擎结果中的页面标题。

　　注意：一个 HTML 文档中不能有一个以上的

　　在 注意：如果没有使用 "scoped" 属性，则每一个 "scoped" 属性是 HTML5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。 如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。在 HTML5 中可以不定义类型（type）属性，默认值为 "text/css"。如需链接外部样式表，就使用 标签。

　　 标签定义了文档与外部资源之间的关系。 标签通常用于链接到样式表：。注意： link 元素是空元素，它仅包含属性，此元素只能存在于 head 部分，不过它可出现任何次数。

　　JavaScript 使 HTML 页面具有更强的动态和交互性。HTML 脚本标签

 　　JavaScript 最常用于图片操作、表单验证以及内容动态更改。注意：如果使用 "src" 属性，则

　　有多种执行外部脚本的方法：

　　　　①：如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）。

　　　　② ：如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行。

　　　　③：如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本。

　　在 HTML5 中 "type" 属性是可选的。src 属性规定外部脚本的 URL。defer 属性用于规定当页面已完成解析后，执行脚本，仅适用于外部脚本。charset 属性用于规定在脚本中使用的字符编码，仅适用于外部脚本。"async" 属性是 HTML5 中的新属性，用于规定异步执行脚本，仅适用于外部脚本。

　　引用外部脚本的语法：  其中 src="RUL" 中填写同级目录下的外部脚本文件名。

　　注意：

　　　　①：外部脚本文件可以是任意扩展名，通常开发者会将 JavaScript 外部脚本的扩展名写为 script.js。

　　　　②：在外部脚本文件中，只能包含脚本语言代码，不能包含其他代码，如HTML代码等，也不能包含

　　　　③：在引用外部脚本文件时， 标签之间不能有其他代码，包括脚本语言代码。

　　　　④：虽然在引用外部脚本文件时，标签之间不能有其他代码，但 标签也不能被省略。

　　 标签定义文档的主体。 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。在 HTML 4.01 中，所有 body 元素的"呈现属性" 已废弃。在 HTML 5 中，删除了所有 body 元素的"呈现属性"，可以使用样式定义。

　　HTML 标题是通过

-

标签来定义的。

定义最大的标题，

定义最小的标题。要确保将 HTML 标题标签只用于标题，不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为你的网页的结构和内容编制索引。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。

定义重要等级最高的标题。

定义重要等级最低的标题。

　　HTML 段落是通过

标签来定义的，HTML 可以将文档分割为若干段落，浏览器会自动地在段落的前后添加空行。

元素是块级元素，该元素会自动在其前后创建一些空白。如果希望在不产生一个新段落的情况下进行换行，就使用
标签。我们无法确定 HTML 被显示的确切效果，屏幕的大小，以及对窗口的调整都可能导致不同的结果，对于 HTML，无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时，浏览器会移除源代码中多余的空格和空行，所有连续的空格或空行都会被算作一个空格。每个段落前空 2 个字，可用 CSS 样式定义：

　　
标签插入一个简单的换行符。没有内容的 HTML 元素被称为空元素，空元素是在开始标签中关闭的，
就是一个空元素，所有空元素都必须被关闭
。在写地址信息或者写诗词时
标签非常有用。注意： 请使用
标签来输入空行，而不是分割段落。

　　HTML 注释 。 注释标签用来在源文档中插入注释，注释不会在浏览器中显示。可以使用注释对你的代码进行解释，这样做有助于在以后的时间对代码的编辑，特别是代码量很大的情况下很有用，也可以在注释内容存储针对程序所定制的信息，在这种情况下，这些信息对用户是不可见的，但是对程序来说是可用的。除了在源文档中有非常明显的作用外，许多 Web 服务器也利用注释来实现文档服务端软件特有的特性。这些服务器可以扫描文档，从传统的 HTML/XHTML 注释中找到特定的字符序列，然后再根据嵌在注释中的命令采取相应的动作，这些动作可能是简单的包括其他文件中的文本（即所谓的服务器端包含，server-inside include），也可能是复杂地执行其他命令去动态生成文档的内容。

　　(2)、样式标签

 及  标签配合使用。在 HTML 4.01 中， 标签定义加粗的被强调的文本，而在 HTML5 中， 标签定义重要的文本。
    
　　 标签是一个短语标签，用来呈现为被强调的文本。注意：并不反对使用这个标签，但是如果只是为了达到某种视觉效果而使用这个标签的话，建议使用 CSS ，这样可能会取得更丰富的效果。
    
　　 标签是一个短语标签，用来定义一个定义项目。 标签是一个短语标签，用来定义计算机代码文本。 标签是一个短语标签，用来定义计算机程序的样本文本。 标签是一个短语标签，用来定义变量。提示：我们并不反对使用这些标签，但是如果你只是为了达到某种视觉效果而使用这些标签的话，我们建议你使用 CSS ，这样可能会取得更丰富的效果。

							

								
								

									ChatGPT Website Builder
									
ChatGPT网站生成器，AI对话快速生成网站
								
								下载 
							
						
    
　　 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。注意：人名不属于作品的标题。在 HTML 4.01 中， 标签定义一个引用，而在 HTML5 中， 标签定义作品的标题。
    
　　 标签定义大号文本，HTML5 不再支持，可以使用 CSS 代替。
    
　　 标签定义小号文本，主要用于定义小型文本和旁注。
    
　　
 标签定义预格式文本，也就是在 HTML 代码中的文本编写什么样，就会在 HTML 页面显示什么样，对空行和空格可进行控制，也就是被包围在 
 标签中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体。
 标签的一个常见应用就是用来表示计算机的源代码。
    
　　 标签定义文本方向。bdo 指的是 bidi 覆盖(Bi-Directional Override)，用来覆盖默认的文本方向。
我会反着显示。
 dir 为 标签的属性，rtl 是值，定义反向显示，该属性另一个值是 ltr，是默认值，文本方向是正常显示的。
    
　　 (H5) 标签允许设置一段文本，使其脱离其父元素的文本方向设置。bdi 指的是 bidi 隔离（Bi-directional Isolation）。在发布用户评论或其他你无法完全控制的内容时，该标签很有用。
    
　　 标签定义短的引用。浏览器经常会在这种引用的周围插入引号，该元素有一个属性 cite，值为 URL 用于规定引用的源 URL。请使用 
 来标记摘自另一个源的块引用。
    
　　
 标签定义摘自另一个源的块引用。浏览器通常会对 
 元素进行缩进。该元素也有一个属性 cite，值为 URL 用于规定引用的来源。如果标记是不需要段落分隔的短引用，请使用 。在 HTML 4.01 中，
 标签定义一段长引用，而在 HTML5 中，
 标签定义摘自另一个源的块引用。
    
　　 标签定义被删除文字。 标签定义被插入文本。提示： 和  一起使用，描述文档中的更新和修正，浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线。 和  拥有相同的两个属性：cite 和 datetime，cite 的值都为 URL ， 的 cite 属性规定一个文档的 URL，该文档解释了文本被删除的原因， 的 cite 属性规定一个文档的 URL，该文档解释了文本被插入的原因。datetime 的值表示为：YYYY-MM-DDThh:mm:ssTZD， 规定文本被删除/被插入的日期和时间。
    
　　 标签对那些不正确、不准确或者没有用的文本进行标识。 标签不应该用来定义替换的或者删除的文本，如果要定义替换的或者删除的文本，请使用  和  标签。在 HTML 4.01 中， 标签已被废弃，并且被用来给文本加删除线，而 HTML5 重新定义了  标签，现在是被用来定义那些不再正确的文本。
    
　　 标签定义与常规文本风格不同的文本，像拼写错误的单词或者汉语中的专有名词。在 HTML 中， 元素已废弃，原被用来定义下划线，而在 HTML5 中重新定义了  元素。提示：请尽量避免使用  为文本加下划线，用户会把它混淆为一个超链接。注意：HTML5 规范建议开发者尽量使用其他元素替代  元素。
    
　　 标签定义上标。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的。上标文本能用来添加脚注。
    
　　 标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式。
    
　　 标签定义缩写。当把鼠标移至带有  标签的缩写词/首字母缩略词上时， 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。 标签用来表示一个缩写词或者首字母缩略词。通过对缩写词语进行标记，就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
    
　　
 标签定义文档作者或拥有者的联系信息。如果 
 元素位于  元素内部，则它表示该文档作者/所有者的联系信息，如果 
 元素位于 
 元素内部，则它表示该文章作者/所有者的联系信息。
 元素的文本通常呈现为斜体，大多数浏览器会在该元素的前后添加换行，或可用 
 换行显示。不应该使用 
 标签来描述邮政地址，除非这些信息是联系信息的组成部分。
 元素通常被包含在