1.htlm5的声明：<!DOCTYPE html>
2.标签
(1)html负责网页功能，由标签和属性组成。css负责网页设计，由选择器和样式（多个样式之间用；分开）组成。<div>标签常用于网页排版，通过css 的float样式，控制元素左右浮动。
(2)html标签就是用尖括号括起来的一种特殊的代码形式，也称为元素，标记，具有某些特定的含义和作用及外观表现。
举例: <h1></h1> <p></p>
标签的基本形式
<标签名 属性名1=“某值1” 标签名 属性名2=“某值2” ... >内容</标签名>
<标签名 属性名1=“某值1” 标签名 属性名2=“某值2” ... >
注：标签名可以是一个字母或单词，属性名也是一个单词，表示对该标签的进一步修饰；单标签没有内容部分；不同的标签有着不同的属性，不同的属性有着不同的含义；通用属性可以存在所有的标签上。
(3)html注释
html标签分类
1.按照标签的形式可分为：单标签和双标签
2.按照标签的功能分类可分为：
文字标签：i u sub sup s font
结构标签：html head title body div span br hr h1-h6 pre blockquote
连接标签：a link
图像标签：img
列表标签：ul ol dl dt dd
表格标签：table tr td th caption thead tbody tfoot
html标签间关系
1.嵌套（父子）关系：一个标签内再放置其他标签
2.并列（兄弟）关系：标签对应的位置相同
内容级结构（排版）标签
出现在body标签中
h1-h6:
属性：align：left center right
br:
换行标签，表示新的一行，能让其后的内容放到下一行的开头显示。
hr:
横线标签，一根输出的横线，常用的属性：
<hrwidth="宽度"color="颜色"align="对齐方式"size="大小"noshade>
p:
段落标签，表示一个段落，此时文字前后自然后有一个空行，属性：align默认为left。
pre:
预格式化标签，将标签内的内容原样输出，tab符以及空格能在网页上显示出该有的效果。
blockquote:
引用标签。
div和span:
没有特殊含义，表示块内容，供后续的css使用，二者有明显的区别。
块标签和行内标签
块标签：一个标签写出后，不管其是否有内容，（是否单标签），或内容多少都会独占一行。
例：hr p hl div等
行内标签：一个标签会跟另一个标签相继出现，则在页面上会表现出一行出现。
例：b strong font等
块元素可以设置宽高，行内元素不可以设置宽高
表单类：input textarea select form
标签的学习链接：http://www.w3school.com.cn/html5/html5_reference.asp
3.属性
作用：为标签赋予功能
属性的分类
公共属性：所有的标签都可以使用，例如id class title
私有属性
属性的学习链接：http://www.w3school.com.cn/html5/html5_ref_standardattributes.asp
4.html网页代码基本结构
<!DCOTYPE html>
<html><!--根标签-->
<head><!--头标签-->
<meta charset='UTF-8'/>
<title>网页内容</title><!--标题标签-->
</head>
<body><!--主题标签-->
<div>
网页主体
</div>
</body>
</html>
留言板的HTML页面
<DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'/>
<title>留言本</title>
</head>
<body>
<!--发表留言内容-->
<div>
<testarea cols='50' row='5'></testarea>
<br/>
<input type='text'/>
<input type='submit' value='发表留言'/>
</div>
<!--查看留言内容-->
<div>
用户名、留言时间<br/>
留言内容
</div>
<div>
用户名、留言时间<br/>
留言内容
</div>
</body>
</html>
