<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>学习总结</title>
</head>
<style>
#top1{
width:400px;
height:800px;
background-color:red;
color:#000000;
margin:0 auto;
}
</style>
<body >
<div id='top1'>
<h1>HTML学习总结</h1>
bgcolor背景颜色
red:红色 yellow黄色 green 绿色 blue蓝色 white白色 black黑色 orange橘色
gray 灰色 purple 紫色
固定背景图
bgproerties:fixed (固定) 只在IE上有效果
内部链接:<a href="demo3.html" target="_blank">跳转</a>
外部链接: <a href="http://www.baidu.com" target="_blank">点我</a>
输入框 :input 类型type(属性),
text 文本框
password 密码框
radio 单选框
checkbox 多选框
button 普通按钮
reset 重置按钮
submit 提交按钮
image 图片按钮
file 文件按钮
hidden 隐藏域
下拉列表
<select>
<option value='1'>选项</option>
</select>
属性:value='' 必须要写
selected 默认被选中
列表框
<select multiple>
<option value='1'>选项</option>
</select>
属性值:value 必须要写 multiple :多行显示(可多选) size:每次显示几个
浮动框架
<iframe width="" height="" src="地址"></iframe>
在一个页面中划分区域,显示另一个页面
scrolling 设置子页面在当前页面是否有滚动条 auto yes no
auto:自动,根据子页面的大小自动调整是否有滚动条
yes:不管子页面大小,一定有滚动条
no:不管子页面大小,一定没有滚动条
表：
合并列:colspan
合并行:rowspan
表格标题标签:<caption></caption>
行内元素:a /img/表单元素/span
块级元素:p/h/hr/table/tr/ul/ol/li/div
定义一个正则
var zz="/^ . $/";
^ :表示正则的开始
$ :表示正则的结束
元字符
一、文字通配符
.:匹配所有除换行符以外的任意字符
\w：匹配字母或数字或下划线
\s :匹配任意的空白字符
\d :匹配一个数字
\b :匹配单词的开始或结束
[] :匹配[]中列出的某单个字符
[^] :匹配[]罗列的字符以外的单个字符
二、限定符（指定数量）
* ：重复零次或多次
+ ：重复一次或多次
? :重复0次或1次
{n}:重复n次
{n,}:至少重复n次
{n,m}:重复n到m次
三、分组与选择
（ ） 分组
| :选择
事件：
鼠标：
click:单击
dbclick:双击
mouseover：鼠标悬停
mouseout:鼠标离开
mousemove：鼠标移动
mousedown/mouseup:鼠标按下、松开
键盘：
keydown/keyup
keypress
表单事件：
blur：失去焦点
focus:获取焦点
change:改变选项
submit:提交
reset：重置
窗体事件：
onload:页面加载完时触发
onunload:刷新页面时触发
onbeforeunload:关闭页面
</div>
</body>
<script>
document.write('DOM');
document.getElementsByName('');
createElement();
setInterval(function(){
定时器
},1000)
</script>
</html>
