HTML学习笔记
HTML
第一章 HTML结构
超文本标记语言（Hyper Text Markup Language）
Web网页
描述性语言，而不是程序设计语言
<img src=”image.gif”>
<b>文字处理</b>
CSS：级联样式表 .css
编辑方式：记事本 .html .htm
一、HTML的结构
<html> 声明HTML文档
<head> 定义文件头信息
</head>
<body> 定义网页的主体部分
</body>
</html>
标记<> 标记对<></> HTML不区分大小写
HTML的标记大都是成双成对的，但也存在只有起始标记。
二、<head></head>中定义的标记
1、<title> </title> 网页标题
2、<meta> 定义文件的总的信息
属性：标记可以有多个属性，多个属性之间利用空格分隔；
Name：定义网页中信息名称；关键字：description（描述） keywords（关键词）
Content：定义内容
http-equiv：定义网页的特性及特效；
关键字：content-type（网页编码形式）
Refresh（刷新）
Page-exit（退出）
Page-enter（进入）
Revealtrans(duration=5,transition=7) 设置网页切换的效果
效果种类:0-22,23随机
0 矩形缩小 1 矩形扩大 2 圆形缩小 3 圆形扩大
4 从下到上 5 从上到下 6 从左到右 7 从右到左
8 竖百叶窗 9 横百叶窗 10 错位横百叶窗 11 错位竖百叶窗
12 点 13 从左右到中间 14 从中间到左右 15 从中间到上下
16 从上下到左右 17 从右下到左上 18 从右上到左下 19 从左上到右下
20 从左下到右上 21 横条 22 竖条
3、<style></style> 定义CSS样式（只能应用于当前网页）
4、<link> 链接外部的CSS样式（可以应用于网站中所有的网页）
三、<body></body>的属性
1、bgcolor 网页背景色
色彩表示方式：英文单词 #十六进制数（#123456） RGB
2、text 默认文本色
3、background=”路径” 网页背景图
4、topmargin 上边距
5、leftmargin 左边距
6、link 链接色
7、vlink 已访问过的链接色
8、alink 选定的链接色
第二章 常用文本格式设置
一、标题文字（粗体、段落格式）
<H1></H1>
<H2></H2>
<H3></H3>
<H4></H4>
<H5></H5>
<H6></H6>
文字大小由大到小。
属性：align 对齐方式 值：left center right
二、文本格式 <font></font>
属性：
1、face 字体（字体列表）
2、color 文本色
3、size 字号（1至7） 3号字是默认大小（相对值：-2至+4）
三、特殊格式
<b></b> 粗体 <strong></strong> 加重强调
<i></i> 斜体 <em></em> 强调
<u></u> 下划线 <strike></strike> 删除线
<sup></sup> 上标 <sub></sub> 下标
四、字符实体
< <
> >
“ "
空格
& &
五、布局格式的标记
1、<br> 换行标记
2、<p></p> 段落标记
属性：align 对齐方式 值：left center right
3、<pre></pre> 预格式化文本标记
4、<center></center> 居中格式
5、<hr> 水平线
属性： width（宽度：像素、百分比） size（厚度） noshade（无阴影）
Color（色彩） align（对齐方式）
第三章 网页清单
一、编号清单
<ol>
<li>列表项
</ol>
属性：type 指定符号类型（数字、大小写英文字母、大小写罗马数字I i）；值必须是该序列中的第一个字符。（即可应用于<ol></ol>，也可应用于<li>）
Start 指定起始序列号，值必须是数字。（只能应用于<ol></ol>标记）
二、项目清单
<ul>
<li>
</ul>
属性：type 指定符号类型（实心点 disc；空心圆 circle；方块 square）
三、定义式清单
<dl>
<dt>定义主题内容
<dd>定义次要项内容
</dl>
四、菜单式清单
<menu>
<li>
</menu>
五、目录式清单
<dir>
<li>
</dir>
六、嵌套清单
第四章 超级链接
<a href=”路径”></a>
一、跨文件、跨网络的链接
<a href=”web.htm”>链接的文字</a>
<a href=”http://www.163.com”>网易</a>
二、电子邮件链接
<a href=”mailto:收件人邮箱”></a>
三、文件内链接
1、同一文件
定义锚记：<a name=”锚记名”></a>
定义链接：<a href=”#锚记”></a>
2、不同文件
定义锚记：<a name=”锚记名”></a>
定义链接：<a href=”文件路径#锚记”></a>
四、属性
1、title 链接标题
2、target 打开方式 值：_self（本窗口打开） _blank（新窗口打开）
第五章 图片
一、<img src=”路径”>
属性：
1、src 指定图片来源
2、border 边框大小
3、width height 宽度和高度
4、alt 替代文字
5、hspace 水平方向空白距离
6、vspace 垂直方向空白距离
7、align 对齐方式 值：left 左 right 右 center middle texttop bottom
8、<br clear=”all”> 清除对齐方式
二、多媒体
1、<bgsound> 背景音乐
属性：src 指定音乐文件来源
Loop 指定音乐播放次数（infinite）
2、<embed></embed>
属性：src
Loop
Autostart 是否自动播放 值：true false
Width height
第六章 表格
一、表格的结构
<table> 声明表格
<tr> 定义表格的行
<th></th><td></td> 定义表格的列（单元格）；<th></th>标题单元格（粗体、居中）；<td></td>普通单元格
</tr>
<caption></caption> 表格标题；属性align，值：bottom top
</table>
二、<table></table>的属性
1、border 边框大小
2、bordercolor 边框色
3、bordercolorlight 明线色
4、bordercolordark 暗线色
5、width height 宽度和高度
6、bgcolor 背景色
7、background 背景图
8、align 对齐方式
9、cellspacing 间距（外框与内框之间的距离），默认值为2像素
10、cellpadding 填充（数据与单元格内框之间的距离），默认值为1像素
三、<tr></tr>的属性
1、bgcolor
2、height
3、align 水平方向对齐方式 值：left center right
4、valign 垂直方向对齐方 值：top middle bottom
四、<th></th><td></td>的属性
1、bgcolor
2、background
3、align
4、valign
5、width height
6、rowspan 行合并
7、colspan 列合并
五、表格的嵌套
第七章 框架网页
一、框架网页
<frameset></frameset>
它是替代<body></body>来设置页面结构的。
属性：
1 Cols 列分割
2 Rows 行分割
Cols和rows属性的值三种表示方式：按比例；按百分比；按像素值
5 Frameborder 是否显示框架线，值：yes no （1，0）
6 Bordercolor 框架线色
7 Border 框架线大小
二、<frame> 定义子窗体
属性：
1、src 加载子网页
2、name 子窗体名
3、noresize 不允许拖动框架大小
4、scrolling 是否显示滚动条 值：yes no auto
三、多重窗口分割
四、框架网页的链接
1、定义<frame>的name属性
2、<a href=””></a>的target属性的值：_self _blank _parent（父窗口打开） 子窗体名
五、浮动框架 <iframe></iframe>
属性：
1、src 加载网页
2、width height
3、frameborder
4、scrolling
第八章 表单的设计
一、表单 <form></form>
属性：
1、action 指定处理该表单数据的网页
2、method 指定表单数据传递的方式
值：get 将表单数据附着在URL上传递（安全性低，传递的数据量小）
Post 将表单数据做为一个主体传递（安全性高，传递的数据量大）
3、name 表单名
二、表单的组件
大部分表单组件是由<input>标记来定义，利用属性type定义组件类型，值为：
1、text 文本框
2、password 密码框
3、submit 确定按钮
4、reset 重置按钮
5、radio 单选钮
6、checkbox 复选钮
7、file 文件域
8、image 图像域
9、hidden 隐藏域
其它标记定义的组件：
10、下拉列表
<select>
<option>
</select>
11、复选选框
<select multiple>
<option>
</select>
12、多行文本域
<textarea></textarea>
三、表单组件的属性
1、name
2、value
第九章 滚动字幕
<marquee></marquee>
属性：
1、width height
2、bgcolor
3、direction 滚动方向，值：left right up down
4、behavior 滚动方式，值：scroll（滚动） slide（滑动） alternate（交替）
5、scrollamount 移动一次跨越的像素数目
6、scrolldelay 延迟（毫秒单位）Dreamweaver：
网页三剑客：Dreamweaver Flash Firework
1 程序界面
a) 编辑——参数选择
b) 查看——工具栏
c) 窗口菜单（面板）
2 站点
d) 新建站点
e) 站点的资源面板
3 文件头内容
f) 查看——文件头内容
g) 插入面板——文件头
4 格式——页面属性
5 文本格式
h) 属性面板
i) 插入面板——文本
j) 插入面板——字符
6 超级链接
k) 插入面板——常用——超级链接；属性面板——链接
l) 插入面板——常用——电子邮件链接
m) 插入面板——常用——定义锚记
7 图片
n) 插入面板——常用——图片
o) 图片的热区（属性面板）
p) 图像占位符
8 表格
q) 插入面板——常用——表格（属性面板）
r) 插入面板——布局——布局视图
9 跟踪图像
s) 页面属性
t) 查看——跟踪图像
10 插入Flash影片
u) 插入面板——媒体——flash影片、插入面板——常用——Flash影片
v) 插入面板——媒体——flash按钮和flash文本
w) 插入面板——媒体——多媒体插件
11 插入面板——表单
12 插入面板——常用——鼠标经过图像
13 插入面板——常用——导航条
14 设计面板——行为——动作——显示弹出式菜单
15 插入面板——表单——跳转菜单
16 插入面板——框架
x) 新建
y) 窗口——其它——框架面板
z) 插入面板——常用——标aa) 签选择器（<iframe></iframe>）
17 设计面板——CSS样式
bb) 新建自定义样式
cc) 应用样式（class属性）
dd) 新建样式文件
ee) 重定义标ff) 记
gg) CSS选择器
18 设计面板——行为
hh) 打开浏览器窗口
ii) 弹出信息
jj) 检查表单
kk) 设置文本
19 模板
ll) 文件——新建——常规——模板页
mm) 插入——模板对象——可编辑区域
nn) 文件——新建——模板
oo) 修改——模板——从模板中分离、套用模板到页、更新当前页、更新页面
pp) 已存在网页转化成模板网页
20 层
qq) 插入面板——常用——描绘层
rr) 嵌套层
ss) 层面板
tt) 层的属性面板
uu) 修改——转换——表格到层、层到表格
21 时间轴
vv) 添加对象
ww) 录制层路径
xx) 在行为通道中添加行为
yy) 添加时间轴