HTML结构
结构
1.基本结构
2.头部内容
3.主体内容
4.页面的开头
结构
1.基本结构
以下代码是HTML的基本结构：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="Generator" content=""> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>一个标题</title> </head> <body> </body> </html>
看起来有些复杂，我们可以去掉一些部分，看起来更简单：
<html> <head> <title>一个标题</title> </head> <body> </body> </html>
简化后，基本结构就变得十分明显。
HTML文档的开始代码,出现在第一句：
<html>
HTML文档的结束代码,出现在末尾：
</html>
其他所有HTML代码都位于这两个标记之间，这两个标记的作用就是告知浏览器这是一个Web文档，该按HTML语言规则来解释文档中的标记内容；
头部开始和结束标记：
<head>...</head>
在头部标记中，说明文件标题的标记：
（如果标题内容为空，标题显示的是文件本身的名字）
<title>...</title>
浏览器显示页面内容的主体：
<body>...</body>
2.头部内容
<head>...</head>
head标记是HTML文档的头部标记，头部信息不会在浏览器窗口的正文中显示；
…
<title>...</title>
可以插入在头部标记中，指定HTML文档的网页标题的标记。
…
<meta>
meta标记可用来描述不包含在标准HTML里的文档信息，例如显示字符集、开发工具、作者、网页关键字、网页描述、页面定时刷新及跳转等。
这些文档信息不会在浏览器页面显示，但用户可以通过检索这些信息来找到该网页。
<head> <meta charset="UTF-8"> <meta name="Generator" content=""> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>一个标题</title> </head>
3.主体内容
<body>...</body>
body标记中填写的是页面中的所有内容，可有文字、图片、表格、表单、音频、视频、超链接等元素；
body标记有许多属性，用来控制文档的颜色，背景等。
body标记的属性介绍：
①bgcolor：
用来设置页面的背景颜色，可直接使用颜色的英文名称或对应十六进制数来表示需设置的颜色。
②background：
用来设置背景图像。
③alink：
用来规定文档中活动链接的颜色（鼠标指向链接时，链接所显示的颜色）。
④link：
用来规定文档中，所有链接的颜色。
⑤text:
用来规定文档中所有文本的颜色。
⑥vlink：
用来规定文档中所有被访问过的链接的颜色。
设置属性的语法格式：
直接在主体的开始标记内部说明
<body bgcolor="" background="" alink="" link="" text="" vlink=""> </body>
属性与标记名之间需要一个空格来间隔。
属性的数据可以用 “ ” 符号括起来，也可以不括起来，直接写。
4.页面的开头
在文章开头，给出的HTML网页结构中，包含以下内容：
<!DOCTYPE html> <html> </html>
上面是HTML5简化后的声明代码
DOCTYPE标记常常被用来声明要使用什么风格的HTML或XHTML；
此标记使浏览器知道应当如何处理文档，让验证器知道应当按照什么样的标准来检查代码的语法，然后用html标记，表示实际代码的开始位置。
