HTML基本语法格式（元素、标签）

HTML的语法格式
阅读提醒：由于博客显示问体所以元素的<>开始和</>被省略了
HTML的主体格式
第一部分：和是网页文件的最外层标签，HTML中所有的内容都要在这里面；
第二部分：和标签之间文本是头信息，放在元素的最上面使用，头部分信息不会显示在浏览器窗口中，主要包括页面的一些基本描述语句，用于说明文件的标题和文件的公共属性。
第三部分：标签是HTML文件的主体标记，标签之间的文本是正文内容，是用户能够在浏览器中看到的

HTML标签和元素
大部分的标签都是成对出现的。通常以<标签名>表示标签开始，以</标签名>结束。当然也有部分的标签不需要配对，例如:br、hr

重点：1.1~1.5都是头部信息的基本用法

1.1HTML文档头部元素head
head通常用于页面的一些基本语言的描述，如网页的标题和关键字。但是通常在ead中的文字不会直接在网页中显示出来。在head中国可以使用的标签不多，但是title是必须要有的标签元素。而其他常见的有base、link、meta（只用于头部，但不是必须使用）.

1.2、title元素
每个HTML都应当有title元素。title是head元素的子元素。用于将内容显示在标题栏中，也可以作为浏览器中书签的默认名称。在浏览器保存该页面后成为网页的文件名，并且会将网页的标题作为搜索的关键字。
重点：

1.3、base元素
有base元素则必须将其放在head元素中。其作用为吧相对的URL变为完整绝对的URL
，故如果网页的位置发生改变，可以通过修改，但是一个html中只能出现一次。
例如：中为http://fafu.itxdl.edu,那么网页中相对的链接为“test.html”，将对应为http://fafu.itxdl.edu/test.html
格式：

base元素：将相对的URL（网页地址）转换为绝对的URL（网页地址）
base href=“url” （相对的） target=“window_name”（绝对的）/

1.4link元素
link元素可用于创建到CSS样式表的链接，始终是空元素，用于描述两个文档之间的链接一个最有用的外部层叠样式表的定位，浏览器会分析中的内容，自动加载读取。要写在head里面；
格式：

这就是一个外部css文件的链接，路径就是href后面的~
拓展：
1.外部样式表就是新建一个文档，里面全写css，然后再通过 link 插入到html 代码中
2.内部样式表就是直接在HTML文档中写css代码，写在中
用包围
3.内联样式就是 直接在标签里写样式，形如

1.5元素
写在中通过标记的属性来定义文件信息的名称、内容等。他能提供文档的关键字、作者、描述、编码和语言等多种信息。
格式：

重点：2.1~2.3部分为body的主体部分

2.1HTML文档主体标记body
在HTML的body和/body标记中放置的是页面中所有的内容，如图片、文字、表格、超链接、表单等等，一般不能省略。body中有自己的属性，设置body标签内的属性，可控制整个页面的显示方式。
A、body标记常用的属性

元素	作用
text	设定页面文字的颜色
bgcolor	设计页面背景的颜色
background	设计页面背景图像
bgproperties	设定页面背景图像为固定，不随页面的滚动而滚动
link	设定页面默认的链接颜色
alink	设定鼠标正在单击时的链接颜色
vlink	设定访问后连接文字的颜色
topmargin	设定页面的上边距
bottommargin	设定页面的下边距
leftmargin	设定页面的左边距
rightmargin	设定页面的右边距

还有4个通用属性，不仅能够在标签中使用，在任何HTML的标签中都可以使用。但这4个属性通常只有结合CSS和JavaScript时才会使用。

元素	作用
id	设定标签的值
name	设定标签的名称
class	设定标签样式的类型选择器
style	设定标签样式属性

重点：HTML颜色值的设置
颜色值是一个关键字或一个RGB格式的数字。但只有16种颜色名被W3C的HTML4.0标准所支持，他们是：aqua(浅绿色)，black（黑色）、blue(蓝色)、fuchsia（紫红色）、gray(灰色)、
green（绿色）、lime（绿黄色）、maroon(褐红色)、navy（藏青色、藏蓝色）、olive（橄榄色）、purple（紫色）、red（红色）、silver（银色）、teal(蓝绿色)、white（白色）、yellow（黄色）。如果需要使用其他颜色，就需要使用十六进制的颜色值。十六进制的颜色值是由一个十六进制符号来定义的，这个颜色由红色、绿色、蓝色组成（RGB）。每种颜色的最小值为0（十六进制：#00）,最大值为255（十六进制：#FF）。也就是每个原色可有256种彩度，故此三原色可混合成16777216种颜色。并且应该在每个RGM前加#。
列子：bgcolor=”#00ff00”. bgcolor=”green”.

2.2格式标签
常见的HTML格式标签

标签	作用
br	换行标签，完成文字的紧凑显示，如果有多个换行，可以连续使用多个 标记
p	换段落标签，即换行之后插入一个空行，然后在下一行显示其后的文本。可以使用成对的 标记来包含段落，也可以使用单独的 标记来划分段落。
center	居中对齐标签，使段落或文字相对于上一层标记居中对齐。
pre	预格式化标记，保留文字在源代码中的格式，页面中显示的和源代码中书写的格式效果完全一致。
li	列表项目的标记，每个列表项使用一个 标记
ul	无序列表，使用 作为无序的表明，使用 作为每个项目的起始。没有顺序号，使用缩进的形式表示一定的层次。
ol	有序列表，可以显示特定的项目顺序，与无序列表 的使用方式基本相同
hr	水平分割线标签，用于段落与段落之间的分隔

2.2文本标签
在网页中，为了强调某一部分文字，或者为了让文字有变化，HTML提供了一些标签产生这些效果。常见的文本风格标签如下

元素	作用
hn	标题字标记，n为1~6,定义了6级标题会自动换行插入空行
b	粗体字标签（与strong用法相似）
i	斜体字标签（与em用法相似）
u	下划线字体标签
sub	文字下表字体标签
sup	文字上表字体标签
font	字体标记，可以通过该标记指定字体大小、颜色、字体等信息
tt	打字机文本
cite	用于引证、举例、通常用斜体字
em	表示强调，通常为斜体字
strong	表示强调，通常为粗体字
small	小型字体标签
big	大型字体标签

3.1HTML文本注释
以<!–开始 以 ->结束注释。注释只出现在源代码中，而不会在浏览器中显示。但注释中不要在包含注释。