课题：第五十课 html课程总结
首先感谢大家学习本套课程，我相信能够坚持到最后的人也就胜利的人！
在今后的实践学习中，建议大家看完一课实践一课，在忘记的时候再去快进寻找那个关键地方！跟在步骤去学习！
第二篇：html学习总结
网页第一次课
一．什么是网页?
1. 定义：构成网站的基本元素
2. 格式：分为静态和动态网页
3. 动态网页的扩展名为：jsp或aspx或asp
4. 静态网页的扩展名为：html或htm
二.基本格式：
<html>
<head>
标题
</head>
<body>
正文
</body>
</html>
三.
1．图片标记：
<标记名 属性名=“属性值”>
<img src=”1.gif”/>
***属性：用来描叙控制标记
2．超链接：
Href: 链接的目标地址
<a href=”1.html”>第一个页面</a>
3．换行：<br/>
4．水平线：
<hr size=”7”color=”yellow”width=”50%”或”200px”标记)=”left”/>
水平对齐：left center right
垂直对齐：top middle bottom
5．段落标记：<p></p>
6．在页面中建立一个锚点：
<a href=”#aa”> </a>
7．背景颜色：bgcolor=”green”
背景图片：backgroud
网页第二次课
----表格与页面排版布局
Cellpadding(内容与边) 表<table border=”1” cellspacing(单元格间距)> 行<tr>
列<td>
align(对齐
</td>
</tr>
</table>
表标题：<caption>球员得分表</caption>
列标题：<th> 作用：1.居中 2.粗体
跨列<合并单元格>：colspan=”2”
跨行：rowspan=”2”
垂直向上对齐：valign=”top”
背景图片不重复 <table 里面 style=”backgroup-repeat：no-repeat”> </table>
标题<thead>
内容<tbody>
脚注<tfoot>
网页第三次课
1． 表单容器：----装载了从浏览器到服务器的数据
由<form></form>定义一个表单容器
文本框：
标签：<input type=”text”/>
属性：type ,name ,size(文本长度), maxlength value(默认值)
密码框：
标签：<input type=”password”>
属性：同文本框属性相同
复选框：
标签：<input type=”checkbox”>
属性：type,name,value(隐含的),checked(默认值)
单选框：
标签：<input type=”radiio”>
属性：type,name(相同则为一组),value,checked(预设选定值)
type=”submit”---送出按钮
type=”reset”---清除重写的按钮
type=”button”---我同意的按钮
type=”hidden”---产生隐藏字段
<textarea></textarea> ---大量的文本输入（包含cols rows）
2． 下拉菜单
标签：<select name=”名称”>
<option></option>
</select>
select属性：name,size,multiple(可以多选)
option属性：value(默认),selected(选中了的)
补充：<optgroup>标签
为<select>主菜单中的每个<optgroup>标签都生成子菜单 ---提交按钮：
标签：<input type=”submit”> --提交到服务器 属性：type,name,value=”确定”
---重置按钮：
标签：<input type”reset”> ---恢复到默认状态 属性：type,value
---图像按钮：
标签：<input type=”image” src=””>
属性：src,name,align,alt(替换文本,如果图片不存在) ---点击按钮：---暂时无功能
标签：<input type=”button”>
属性：name
id属性：
id属性赋值的名称，不会传递给服务器
id属性：和name属性的区别 ？？？
title属性：
作用：用弹出式帮助来给用户提示
Accesskey属性:
作用：设定页面快捷键<Accesskey=”a~z”>
IE:为alt+Accesskey属性值
Firefor 为alt+shift+Accesskey属性值
Readonly属性：
---用户不能使用表单控件
---控件值将被传到服务器
---控件不能被鼠标和通过tab键选定
Action属性：（必须）
---说明了接收和处理表单数据的应用程序URL
Method属性：（必须）
---浏览器为设置表单中的数据传送到服务器的方法
---属性值：get和post
1. get提交方式：------表单提交方式
通过URL传递数据
1. 表单元素要name属性
2. 最大长度2048字节
3. 没有安全性
2. post提交方式：------以数据包的形式提交数据
1. 长度无限制
2. 安全性
3. 可以没有name
---action：
数据提交后的处理页面（提交目标页面）--默认是它当前页面
*** <fieldset> </egend>标签
作用：将一些相关的表单控制成一个组，并用<fieldset>和</egend>标签来标记这个组
文件输入框：
标签：<input type=”file”/> ---文件上传浏览
属性：type,name,size,maxlength,readonly
第四次课：网页标记与网页框架
一.标题标记： 特点：1.粗体
2.从<h1>到<h6>字体越来越小(指定不同级别的标题)
二.无序列表----又称为项目列表
<body>
<ul>
<li></li>
<li></li>
??..
??
</ul>
</body>
{“disc” --实心圆
Li type={“circle”---空心圆
{ “square”---正方形 <body> <h1></h1> <h2></h2> . . <h6></h6> </body>
三.有序列表
<body>
<ol>
<li><li>
<li><li> </ol> </body> 有序列表的属性： <li type=”I”> 大写罗马字母 <li type=”i”>小写罗马字母 <li type=”A”> 大写英文字母 <li type=”a”> 小写英文字母 四．框架集结构标签 <frameset></frameset> 1. 作用：定义框架集 2. 属性 Cols设置框架分几列 Rows设置框架分几行 Border设置框架的边框 Bordercolor设置边框颜色 3. 其他属性： Class。Style。title。id <noframes></noframes>
作用：为不能显示框架的浏览器(mosaic)提供一种解决方案 字体标记：<font></font>
框架：用来将浏览器分为多个区域，每个区域就是一个框架 多个框架构成一个框架集-?显示一个单独的页面 注意：<body>与<frameset>相互排斥
框架<frame></frame>
属性：src=””,name, noresize-?禁止改变框架大小
例如：
<frameset rows=”100,200,*”>
<frame src=”1.html”> ?它的内容是一个单独的页面
</frame>
</frameset>
***
Scrolling=”no”禁止设置滚动条
Scrolling=”yes”
Scrolling=”auto”（默认值）
五．内联框架
1.标签：<iframe><iframe>
2.属性：
Src：用来显示内联框架显示的网页
Align：设置内联框架相邻文档的位置
Width。Height设置高度和宽度
Frameborder：设置是否又三维边框(“yes”或”no”)
4. 超链接导航
<a>的特殊属性target
---target作用：指定<a>标签中的herf指向的页面在target指定的框架或者窗口打开。如果target指定的框架不存在，浏览器将在新窗口打开时实现框架的导航效果
--------注意：该标签位于<head></head>之内
5. 导航连接目标
<base>标签
------作用：为没有包含显示的target属性的当前文档中的每一个超链接设置一个目标(默认的目标)
6. 特殊的目标
_blank:
浏览器总是在一个新打开，未命名的窗口中载入连接的文档
_self:
超链接的默认值，它使得目标文档载入并显示在相同的框架中或者窗口中
_parent:
文档载入父窗口或者包含超连接引用的框架
_top:
将文档载入取代当前窗口中的框架
例如：target=”_top”:在当前浏览器显示
五．建立站点 1.建立站点： 菜单?站点?新建站点
2.添加页面文件
3.编辑页面内容
4.模版：
插入?模版对象?创建模版
当新建一个模版时，会自动创建一个目录”templates” 模版后缀名：dwt
5.套用模版：
修改?模版?套用模版到页
6.在模版中添加可编辑区域
插入?模版对象?可编辑区域
7. meta标记：用来控制和描叙页面
<head>
<meta></meta>
</head>
属性：
Name或者(http-equiv)将要描叙的内容
Content:具体内容
例如：
<meta name=”作者” content=”张三丰”></meta>
<meta name=”expires(网页过期时间)” content=””></meta> <meta http-equiv=”refresh” content=”1”></meta> GMT：格林尼治标准时间
8. 发电子邮件的超链接：
<a href=”mailto:zcs@sina.com”>发电子邮件</a>
9. 插入多媒体的标记
例如：
<embed src=”a.mp3”></embed>
10. 动画制作：
1. 建层，并在层中添加内容
2. 打开时间轴
3. 将层拖入时间轴
4. 将时间轴的层拖到相应的长度
5. 选择层的最后位置，并将层拖到相应的位置
6. 选中，自动播放，循环
第六章：常用标记
1.< marquee >< /marquee > :滚动文字 属性：direction=up/down/right/left Scrollamount=”100” 移动的步子长度(像素) Scrolldelay=”100” 步子延时 Loop=”1” 循环的次数 Behavior=scroll/alternate/slide
2.<pre 预定义格式的标记> ?不能使用tab键 4. 特殊元素： < < > > 空格   引号 " & & C ○©?版权 R ○®?注册商标 <sub> 上标 <sup> 下标
表示本地机器： . 127.0.0.1(默认本机IP) 第七章：样式表 1.层叠样式表:控制页面内容的显示效果 CSS: cascade style sheet Dhtml: Dynamic hypertext markup language
3. 三种技术：
Html/ CSS/JavaScript
4.CSS:
1.行内样式表：(在标记内部加入的属性)?通过style属性
例如：<p style=”color：red; background-color：yellow”>good</p> 注意：标记属性与样式属性的区别
2.内嵌样式表：(潜入在页面内部的头部分)?head内
例如：
<head>
<style type=”text/css”>
(定义样式表)
</head>
4. 样式表根据名称分为3种：
1. html选择器：样式表的名称就是一个标记名
应用：与样式表名称相同的标记会自动应用这个选择器定义的样式
2. ID选择器：样式表的名称是以#号开头的英文单词
#aa
{
Color:blue;
}
应用：当一个标记的ID属性的值等于这个ID选择器时，就会应用这个选择器所定义的样式
<h2 id=”#aa”>good</h2>
3. 类选择器：样式表的名称是以”.”号开头
。bb
{
Color: #00ff00
z-index: 10
}
应用：如果一个标记要应用某个类选择器，那么指定这个标记的class属性的值等于这个类选择器的名称
<h2 class=”bb”>good</h2>
4. 内嵌样式表 就是一个单独的样式表文件(a.css) 文件中的内容就是一条列的选择器 应用： 1. 与文件关联 2. 通过link标记： <head> <link rel=”stylesheet” type=”text/css” href=”a.css”/> </head> 3. 通过style标记导入 <style> aimport aa.css ○</style> 5.如果一个标记应用了来自多个位置的样式表 如果又外部文件的内嵌样式表，则采用“就近原则” 6伪类： 对超链接的不同状态的样式定义 1. 正常连接 a: link{} 2. 鼠标移上去显示的效果 a: hover{ background-image:1.gif } 3. 鼠标按下去显示的效果 a: active{} 4. 超链接点击以后的显示效果 a: visited{} 7.块标记： <div> 可以包含任何子标记，自动换行，可以做层 <span> 只能够包含文本内容，不会自动换行，不可以做层 8.定位： 绝对定位：style=”position: absolute” 坐标以容器的左上角为原点 相对定位：style=”position: relative” X坐标：坐标以左边元素为参考点 Y坐标：坐标以上方元素为参考点