https://www.w3school.com.cn/tags/index.asp
标签参考手册网址
标签：
1.HTML文档是由HTML标签及内容组成的文本文件。
2.HTML标签的组成：
(1).通常成对出现，在开始标签和结束标签之间的文本是内容
(2).大小写无关，<b>和<B>表示的意思是一样的
- <ELEMENT ATTRIBUTE = value>
ELEMENT：元素——标识标签
ATTRIBUTE：属性——描述标签
value：值——分配给属性的内容
3.HTML标签 （HTML Tag）
(1)告诉浏览器如何显示内容
(2)两端有两个包括字符：“<”和“>”，如<html>，<body>
(3)大小写无关
(4)标签的种类:
- 成对出现的标签。前一个标签为开始标签，后一个标签 为结束标签
- 单标签，如<hr />
4.标签属性
（1）标签可以拥有属性，来具体描述标签的特征
（2）属性能够为页面上的HTML元素提供附加信息，如：
<body bgcolor=“red”>
bgcolor属性告诉浏览器，你的页面的背景色是红色的
<table border=“0”>
border属性告诉浏览器，这个表格是没有边框的
（3）属性是附加给HTML元素的开始标签的
（4）属性通常由属性名和属性值成对出现，形式为
name=“value”
（5）属性值本身就含有引号，会考虑使用单引号，如
name=‘John”ShotGun”Nelson’
一.页头标签
1. <head>常包含的标签：
<link>,<style>,<script>,<meta>,<title>,<base>
2.关于字符编码：
UTF-8,Big5（港澳台繁体字）,GB2312,GBK（兼容GB2312）
3.<meta>标签设置页面字符编码：
- HTML5之前：
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8" /> - HTML5增加支持：
<meta charset="UTF-8" />
4. <meta>标签设置描述信息和关键字
(不会在网页上显示，给搜索引擎看的）
- 设置描述信息：
<meta name="description" content="本网站主要研究恐龙进化史" /> - 设置关键字：
<meta name="keywords" content="进化，恐龙，历史“ />
5. <meta>标签实现页面跳转
<meta http-equiv="Refresh" content="5;url=http://www.baidu.com">
当前页面在5秒以后自动跳转到后面的网址
6.<title>
<title>标签的使用
-
<title>标签的作用：
1.定义浏览器工具栏中的标题
2.提供页面被添加到收藏夹时的标题
3.显示在搜索引擎结果中的页面标题 -
代码测试如下：
代码示例
结果
跳转结果如下
7.<style>标签的使用
说到<style>标签就需要简单说一下css,对于css的具体说明会在以后的文章中更新。
学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。
Html和CSS的关系：
- HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
- CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
- JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
-
代码示例如下：（简单代码，css以后会详细写）
代码示例
结果
8.<link>标签的使用
定义HTML文档与外部资源之间的关系（与<style>的主要作用一样，也是应用css样式）
示例
8.<script>标签的使用
<script> 标签用于定义客户端脚本，比如 JavaScript。
script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
示例代码如下：
代码如下
结果如下
二.文本标签
1.文本段落
1.<p>和<hr />
-
<p>
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
代码示例：
示例1
结果1
PS：两个段落之间有一行白色空格
- <hr />
标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
代码示例：
示例2
结果2
<hr />标签既可以在段落内部分割也可以在段落外部分割。
示例3
结果3
2.空白与注释以及居中
-
无论你在文本段落中加多少的空格与换行，在最终网页所显示的只有一个空格。
示例1
结果1
-
注释内容格式<！--XXXXXXXXXXXXX-->
示例代码
结果不显示注释内容，但是在源码中还可以看到，便于开发人员维护。
-
居中：设置标记中文本或者图像居中显示
示例1
结果1
3.换行、空白的控制
1.<br />与
(字符实体)
<br /> 可插入一个简单的换行符。
<br /> 标签是空标签（意味着它没有结束标签，因此这是错误的：
</br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
请注意，<br /> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。
示例代码：
代码如下
结果
2.HTML中常用的字符实体
-
实体名称对大小写敏感！
常用的字符实体
示例代码如下：
代码
结果
三.短语标签
短语标签
示例代码
结果
1.带有记号的文本
1.<make>高亮显示
示例
结果
四.标题标签
1.<h1>,<h2>,<h3>,<h4>,<h5>和<h6>
示例
结果
2.字体样式标签
字体样式标签
代码示例：
示例1
结果1
3.引用和引号
1.<q>和<blockquote>
- <q> 标签定义短的引用。
浏览器经常在引用的内容周围添加引号。 -
<blockquote> 标签定义块引用。
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
代码示例：
代码示例
结果
4.预格式化文本
1.<pre>
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。
pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 <a> 标签）放到 <pre> 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。
代码示例：
示例1
结果1
示例2
结果2
5.东亚语言显示
1.<ruby>,<rp>和<rt>
<ruby> 标签定义 ruby 注释（中文注音或字符）。
在东亚使用，显示的是东亚字符的发音。
与 <ruby> 以及 <rt> 标签一同使用：
ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
示例1
结果1
（此文章仅作为个人学习笔记使用，如有错误欢迎指正~）
网友评论