HTML基础
学而时习之，不亦说乎！
--《论语》
HTML：HyperText Markup Language(超文本标记语言)
作用：负责描述页面的语义。
基本骨架：
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
文档声明头：
|
大规范 |
里面的小规范 |
|
HTML4.01 |
Strict 严格的，体现在一些标签不能使用，比如u Transitional 普通的 Frameset 带有框架的页面 |
|
XHTML1.0 严格体现在小写标签、闭合、引号 |
Strict 严格的，体现在一些标签不能使用，比如u Transitional 普通的（我们学习的版本） Frameset 带有框架的页面 |
|
HTML5 |
HTML5通用，没有小规范 |
head部分常用内容：
字符集：<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
关键字：<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
页面描述：<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
标题：<title>网页的标题</title>
小图标：<link rel="Shortcut Icon" href="你的ico地址"/>
语法特性：
1.对换行和tab键不敏感；
2.空白折叠现象：HTML中所有的文字之间，如果有空格、换行、tab都将被折叠为一个空格显示。
3.标签严格封闭
常用标签：
标题标签：h1,h2,h3,h4,h5,h6;容器级标签，但是建议只写文字。
段落标签：p(paragraph);文本级标签，只能放文字，图片，表单元素。
图片标签：img(image);它是一个自封闭标签，src属性只想图片地址，alt属性在图片显示不出来时用于显示文字。<img src="1.jpg" alt="这个图片显示不出来，我就出现啦"/>
超链接标签：a(anchor);文本级标签，href(hypertext reference)属性指向跳转地址，title属性表示鼠标悬停在超链接上时显示的文字，target属性用于表示打开新窗口的位置，target="_blank"表示在新窗口打开。作为锚点，需要在超链接地址后面加上#，配合另一个具有id或者name属性的a标签，实现页面类或者页面外的锚点定位。
无序列表标签:ul(unordered list) ,li(list item);这是一个组标签，ul里面只能有li，li是容器级标签。ul增加的事无序列表的语义。
有序列表标签:ol(ordered list) ,li(list item);这是一个组标签，ol里面只能有li，li是容器级标签。ul增加的事无序列表的语义。
定义列表标签：dl(definition list) ,dt(definition title ),dd(definition description);这是一个组标签,dd是用来描述dt的。
div标签：div(division);容器级标签，用作盒子。
span标签：文本级标签。
表单标签：form；action属性表示表单的提交地址，method表示表单的提交方式，enctype属性表示表单提交编码方式,默认值为(application/x-www-form-urlencoded),文件上传需要设置为(multipart/form-data)。
文本框：<input type="text" value="默认有的值" />
密码框：<input type="password" />
单选框：<input type="radio" name="sex" checked="checked">
复选框：<input type="checkbox" name="hobby" checked="checked"/>
下拉框：<select><option>北京</option><option>河北</option><option>河南</option><option>山东</option><option>山西</option><option>湖北</option><option>安徽</option></select>
文本域：<textarea cols="30" rows="10"></textarea>
普通按钮：<input type="button" value="我是一个普通按钮" />
提交按钮：<input type="submit" value="提交"/>
重置按钮：<input type="reset" value="重置"/>
label标签：<input type="radio" name="sex" id="man" /> <label for="man">男</label>；表单元素都可以有这个标签。
表格标签：<table><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr></table>
杂项：
注释：<!-- -->
字符实体：< > ©
废弃标签：br,hr,font,b,u,i等，因为HTML只负责语义，但是这些标签干涉了css样式。
