HTML学习
1.框架frame标签:
<frame></frame>
2.画中画标签:
<iframe></iframe>---->一个窗口演示这个内容另一个窗口演示另一个内容但是在一个页面显示
===存在恶意代码例如:<iframe src=”http://xxx.1.js” width=”0px” high=”0px”></iframe>
3.性别标签:
<input type=”radio” name=”sex”/>男<input type=”radio” name=”sex”/>女
Checked=”checked”默认的
4.附件:
<input type=”file”/>
5.隐藏标签:
<input type=”hiden” name=”、、、” value=”、、、”/>可以把数据发送到服务端 但是不在客户端显示
6.图片
<input type=”image” src=”1.jpg” />可以弄成一个漂亮点的提交按钮
7.按钮
<input type=”button” οnclick=”javascript:alert(“弹出框”)”/>
8.下拉菜单
<select>
<option>--选择国家--</option>
<option>美国<option>
<option>英国<option>
<option>中国<option>
</select>
9.文本区域
<textarea clos=”20” rows=”10”></textarea>
10.表单的name和value
Name:负责给表单起名字
value 负责表单的具体的值
11.Form属性
Action-->指定表单发送的位置
Method-->提交方式get和post
12.URL編码:
将文字获取其对应的编码后,将其编码的十六进制转化为ASCII码
函数调用在Java.net
13.<meta />标签
<meta http-equiv=”refreah” content=”3;url=http://www.sina.com.cn”>------>表示打开网页后三秒钟自动的链接到新浪网站,适用于注册之后的自动登录,如果不能跳转的话有个超链接(相当于隐藏的那个网址)
<meta http-equiv=”refreah” content=”1”> 一秒一刷新
14.<link>标签
Rel:属性:描述目标文档与当前文档的关系
Type:属性:文档类型
Media:制定目标文档在哪种设备上起作用
15:b加粗;i:斜体;u:下划线
16.<sup>上标-----<sub>下标
17.Pre保留代码区的格式
18.Marquee标签,页面动起来
19.Direction:方向
Behaviour:Slide滑倒最后停下(建议使用),scroll可以穿过文字等从开始再次出现
Alternate:可以反弹的
20.<p>段落标签
段与段之间空着一行
div和span区别
Div数据后面带着回车-->一行数据
Span:不带着回车
CSS
1.style:封装的是属性的键和值中间用分号分割
如:<div style=”color:#FF0000;background=color:#CCFFCC”>
</div>
2.在head中编写的style
<style type=”text/css”>
Div{
Background=color:#0000;
Color:#FFFF;
}
</style>
3.CSS加载方式三单独封装文件
将css单独封装成一个文件
<style type=”text/css”>
@import url(div.css);
</style>
其实倒入文件可以单独的封装一个.CSS文件
在HTML里面直接倒入就可以啦
4.CSS加载方式四:Link方式
<link rel=”stylesheet” type=”text/css” href=”1.css”>
5.优先级:以上四种加载方式谁后加载谁有效
6.选择器
A:HTML标签选择器:使用的是html标签名
B:class选择器:其实使用的标签中的class属性
C:id选择器:使用的是标签的id属性,尽量保持唯一最好啦
Id选择器的样式>class选择器的样式>标签选择器的样式----->样式的优先级
7.扩展选择器
A:关联选择器
例如:span b{
}
B:组合选择器
.haha,#kk,p b{}
C:伪元素选择器
如:a:link{}//超链接的格式
如:a.hover{}//鼠标指向超链接时
如:a.active{}//单击超链接时
如:a.visited{}//选中完松开之后
Lvha按照这个顺序执行的话一直保持着原来的效果不会改变
P--->first-line(首行 )/first-letter(首字母)
8.ul格式
Ul{
List-style:none;
List-style-image:url(h.bmp);
}