html

table tr td th,th=td+文本粗体
table:align width height cellspacing cellpadding bgcolor background border  rowspan colspan

缺点:1.代码冗余,不灵活,占流量。2.搜索命中低
优点:1.稳定性好,用于显示数据

div+css的优点:1.样式和数据分离,可用于表现html和xml
2.搜索命中高(W3C标准)
样式表的引入:<link rel="stylesheet" type="text/css" href="my.css">

伪类选择器
link hover visited

页面缓存 对伪类的影响

<link><body text="" link="" alink="" vlink="">
text:非跳转文字颜色 ,link:超链接颜色,alink :正在进行的颜色,vlink:连接过

/* 通配样式,处理不同浏览器默认边距不统一。ie7 具有一个默认的margin-left值*/
*{
margin:0;
padding:0;
}
!important :提高样式优先级
父子选择器的约束:只能识别现有html标签,一般不会超过三层。

target 锚点跳转,补充两点:_top整个浏览器窗口,_name 锚点跳转,点击a, 替换iframe内容 target="iframe的name"


get /post 1.安全性,2.数据量 3.响应速度(get快),另外post提交的页面无法被收藏。get明文传送 post也可以在firebug中探查到,所以密码应加密传送。


表单元素的name value 必须的,提交时 url :?name=value(即优先使用value值而不是文本内容值)
<input type="image">  图片按钮
<input type="file"> 上传表单 无value
下拉菜单:注:同时显示3个,可同是复选
<select size=3 multiple>
<option></option>
</select>
<textarea cols= rows=></textarea>

<embed src="">
ie <img src="" dynsrc="" start="mouseover/fileopen" loop="2"/>
<hr size="" noshade width="" align="">


<meta htttp-equiv="content-type" content="text/html;charset=utf-8"/>
utf-8 通用编码类型,汉字编码 GBK GB2312,ansi 美国国家标准组织,在文件类型中指代当前操作系统下的默认编码类型

html dtd transitional能更好的支持w3c样式规范, 如果你的html 中有frameset则必须使用这种

技巧:页面鼠标右键查看源码,ie工具栏,有兼容按钮。

html 字体相关 日后学习  face \   字符实体;字体安装--windows--fonts--...
ff浏览器 <blink></blink>

图像映射
< img src="" usemap="#f">
<map name="#f">
//指定可点击区域
<area shape="" coords="" href="index.html">
</map>

frameset frame 框架集 用于后台,cols="50%,*" rows  也可以使用像素
frameset frame 两两划分
noresize frameborder="0" scrolling
frameset 页面不能包含body体及内部元素
frame 中直接从body体开始


shape="rect" coords="a,a',b,b'"
       circle        a,a'r'
       poly          a,a',b,b',c,c'

html 不区分大小写

title html标签通用的悬浮提示
<center></center>
<br/>

img 设置了宽度后,自动计算等比例高度
ul type="" disc circle square
ol type="" i I a A 1  start="2"

posted @ 2014-03-02 14:18  曹桦伟  阅读(175)  评论(0编辑  收藏  举报