HMLT学习笔记

1. HTML说明

1.1 文档声明

用于告诉浏览器文档版本。1.引入样式，2.自身样式，3.使用框架（html与xhtml同样）

1.2 XTHML差异

1.XHTML必须有根标签。2.XHTML标签必须小写。3. XHTML必须有正确结束。4. XHTML必须正确嵌套。5. XHTML属性必须有双引号。6.XHTML属性不能简写(readonly,selected,checked...)

1.3 头部信息（head）

1. base 页面默认链接。2.title 页面标题。3. link 外部资源。4. style 文档样式。5. script 脚本。6. meta 元数据（1.keywords关键词 2.description描述 3. author作者 4.charset 字符集 5. http-equiv=content-type content=text/html;charst=utf-8）。

2. 常用标签

1.标题 h1~h6 

2.换行 br 

3.水平线 hr 

4.布局 div 独占一行

5.跨距 span

6.段落 p 独占一行

3. 文本格式化

1.加粗：    b, strong

2.下划线：u, ins

3.倾斜：    i, em

4.删除线：s, del

5.下标：    sub

6.上标：    sup

4. 列表

无序列表：    <ul> <li>li>... </ul>  显示黑点

有序列表：    <ol> <li>li>... </ol>  显示编号

自定义列表：<dl>  <dt>dt><dd>dd><dd>dd>...  dl>

5. 表格（table）

1.属性：1.align(left center rigth) 对齐方式。2.border('','1') 边框。3.width 宽。4.heigth 高。 5.cellpadding 内边距。6.cellspacing 单元格间距。HTML5不支持属性。

2.头部：<thead>

3.内容部：<tbody>

4.行：<tr> tr>

5.表格头：  <th>th>

6.单元格：  <td>td> 合并行rowspan 合并列colspan

6. 图片 超链接 音频 视频

1. 图片 img

属性：1 src路径 2.alt 显示异常文字 3.title 鼠标指示名 4. width 5.height 6.border

2. 超链接 a

1. href 目标链接地址 2.target打开方式 3.download 下载的文件名

超链接文本
下载图片









锚点链接，定位到指定Id的元素

3. 音频 audio（HTML5元素）

4. 视频 video（HTML5元素）

7. 表单 form

1. 属性

1.name 2.action 3.method 4.encType="multipart/form-data"

2.  表单元素 input

1.text。2.password。3.hidden 隐藏。4.radio 单选。5.checkbox 复选。6.reset 重置。7.submit 提交。8.button 按钮。9.file 文件。

3. 下拉列表

1. 父标签 select

multiple 可多选（ctrl+左键）

size 同时显示列表数量（非多选默认1）

disabled 不可用（没有readonly属性）

2. 子标签 option

selected 默认选中（非多选只能设定一个，设定多个会选中最后1个）

        
            1
            2
            3
        

4. 文本框 textarea

1. rows 行数 2.cols 每行字符数 3.id 4.name, 5. readonly 只读 6.disabled 不可用

内容，标签内多个空格正确显示

5. 标注标签 label

不属于form表单，经常与表单元素同时使用

文本信息

6. 按钮 button

内部可放文本图片

type属性：1. reset 2.submit 3.button

表单外默认button, 表单内默认submit

8. 框架

1.iframe（嵌入另一个文档）

2. frameset（HTML5不支持）

代替body不能出现在body里

frameset属性：rows 行百分比, cols 列百分比，

frame属性：src 文件地址，noresize="true" 不允许改大小，scrolling="no" 不显示滚动条

9. 事件

窗口事件：onload 页面加载完

表单事件：onblur 失去焦点，onfocus 获取焦点，onchange 元素值变更， onsubmit 提交表单

键盘事件：onkeydown 按下按键，onkeyup 释放按键，onkeypress 敲击按键

鼠标事件：

onclick 单击，ondblclick 双击，

onmousedown 按下，onmouseup 释放，

moursemove(移动)，

mouseover(移入)，mouseout(移出)，

mouseenter(移入HTML5无冒泡)，mouseleave(移出HTML5无冒泡),