标签：
提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词
< meta http-equiv=”Refresh“ Content=”5; Url=http://www.autohome.com.cn“ />
关键词
< meta name="keywords" content="星际2,星际老男孩,专访,F91,小色,JOY" >
描述
例如：cnblogs
X-UA-Compatible 浏览器兼容类型
< meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
< meta http-equiv="X-UA-Compatible" content="IE=edge" />
网页头部信息
Link
引入外部文件
css
< link rel="stylesheet" type="text/css" href="css/common.css" >
icon
< link rel="shortcut icon" href="image/favicon.ico">
Style
在页面中写样式
例如：
< style type="text/css" >
.bb{
background-color: red;
}
< /style>
Script
引进文件
< script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js">
写js代码
< script type="text/javascript" > ...
标签一般分为两种：块级标签 和 行内标签
块级标签：显示外观按块显示，有一定的宽度和高度，并占据一行
行内标签：显示外观按行显示，多个行内标签可以再一行
上标和下标
上标：< sub></ sub>
下标：< sup></ sup>
特殊符号
http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
a 超链接标签
页面链接
< a href="b.html">
url连接
< a href="http://www.autohome.com.cn">
1.命名标记 id=1 id需要唯一
2.锚连接 < a href="#1">
行控制标签
表单 form
作用：收集客户端的信息，实现交互
结构：
表单域 < form> < /form>
表单元素 < input />
action 数据提交的目标地址
method 提交方式 get post
表单元素
列表菜单 select
< select>
< option>选项1< /option>
< option>选项2< /option>
< /select>
提交按钮 type='submit'
重置按钮 type='reset'
普通按钮 type='butten'
图片按钮 type='image' src='图片'
文本区域 < testarea>< /testarea>
文件域 type='file'
列表
无序列表
< ul>
< li>< /li>
< li>< /li>
< /ul>
有序列表
< ol>
< li>< /li>
< li>< /li>
< /ol>
定义列表
< dl>
< dt>标题1< /dt>
< dd>选项1< /dd>
< dd>选项2< /dd>
< dt>标题2< /dt>
< dd>选项1< /dd>
< dd>选项2< /dd>
< /dl>
表格
标签选择器
div{ background-color:red; }
<div > </div>
class选择器
.bd{ background-color:red; }
<div class='bd'> </div>
id选择器
#idselect{ background-color:red; }
<div id='idselect' > </div>
关联选择器
#idselect p{ background-color:red; }
<div id='idselect' > <p> </p> </div>
组合选择器
input,div,p{ background-color:red; }
属性选择器
input[type='text']{ width:100px; height:200px; }
优先级：
ID选择器>类选择器>标签选择器
按照代码的上下顺序，下面的优先级更高
内层标签>外层标签
行内标签优先级高于所有样式表
标签：
原文地址：http://www.cnblogs.com/pycode/p/html-css.html
