Web 0614

回顾：
任务一：颜色机制
-三原色：
-表示颜色：英文单词
-十六进制编码#000000 #ffffff -颜色函数rgb(r,g,b)
任务二：DM工具使用
-建立标准站点
五个标准目录
⏹
-建立两个公用文件[global.css global.js]
-建立一个xxx.html网页，导入相应文件
⏹Link
⏹Script
任务三：常见标记
-换行、段落、预排版、加粗、斜体、上标、下标……务四：主要标记（**）
-实体标识符
-字体标记
-水平线标记
-图片标记
任务五：超链接（***）
-作用
-简单的样式设置
-分类
⏹普通
⏹邮件
⏹下载
⏹内部
任务六：表格标记（***）
-作用
-对应标记
-扩展：细线表格的实现
⏹插入表格（三零原则）
⏹色差体现边框：表格背景（table→bgColor）
⏹单元格（td→bgColor）
⏹单元格间距：cellspacing=1
作业讲解
作业一：
作业二：作业三：
扩展：列表
任务一：认识CSS（****）
- 作用：修饰和美化页面
- 全称：层叠样式表（级联样式表）
- 样式表表现形式：
- 选择器{约束内容}
- 代码实现：选择器{属性:属性值;}
- 样式表嵌入页面的方式
- 外部样式表:样式文件+标记导入link
- 内部样式表：标记style
<style type=”text/css”>
<!--
具体样式
-- >
</style>
- 行内样式表：属性style（用于测试页面效果，删除）- 选择器类型：
-标记选择器：样式表代码中体现即可
-类选择器：
--类选择器样式的定义【.类名】
--相应标记样式应用【class=”类名”】
-id选择器：（唯一性，不能重复使用【行业标记】）--设置标记属性【id=”id名”】
--id选择器样式的定义【#id名】
- 选择器的特殊形式
--【,】同时生效
--【】父子节点关系table td #tb1 td Div #hhh .cl td,table td #first{。

} - 伪类：
-未访问：a:link{}
-访问过:a:visited{}(通常与link样式一致)
-悬浮：a:hover{}
扩展：--优先级问题
1、样式级别
-!important
-行内样式
-ID选择符
-class类选择符
-元素选择符
2、各选择器生效遵循原则：
-1 同级选择器样式定义，根据书写顺序，后来者居上；
#tab1{
background-color:#009;
}
#tab1{
b ackground-color:#900;
}
-2 对于同级选择器，选择器定义越明确，优先级越高
b ody #tab1{
b ackground-color:#009;
}
#tab1{
b ackground-color:#900;
}
-3 选择器定义与跨度（深度）无关
div #tab1{
b ackground-color:#009;
}
body #tab1{
b ackground-color:#900;
}
html #tab1{
b ackground-color:#090;
}
任务二：表单（**）
- 作用：获取用户的信息
- 表单=表单元素+表单标记
- 使用<form>标记创建表单
<form name="" actoin="url" method="">....... </form> name属性：命名，区分标记，用于后台业务逻辑处理获取指定元素；
action属性：目标路径、目标内容
target属性：目标的打开方式
method属性：
-get：不安全【明文将信息体现在url中】信息量比较少<1024k 一次性发送
-post：安全【具体地址及信息写入url中】信息量不限
- 表单元素信息完整性有保障
- 分类：
- <input>标记：
<input name="名称" id=””type="类型" value="值" />
type:
-- text 文本框size宽度maxlength最大输入长度readonly只读value值
-- password 密码框size宽度maxlength最大输入长度readonly只读
-- radio 单选按钮value值同一组单选名字(name)必须相同checked选中
-- checkbox 复选框value值同一组单选名字(name)必须相同checked选中--复选：兴趣爱好
--开关：
-- file 文件域
--上传头像
-- submit 提交按钮value 按钮文本
-- reset 重置按钮value 按钮文本
-- button 空白按钮value 按钮文本
- <select>标记：
-- 下拉列表
-- 格式：
--默认值selected
-文本域：<textarea name="" cols="" rows=""></textarea>
任务三：框架
- 作用：分割浏览器
- 标记：
--<frameset></frameset>
-- <frame>表示分得每一个浏览器子窗口
- 使用src引用显示的页面
- 使用noresize使得不能调整窗格的大小
- frameboder是否有边框线0 | 1
- scrolling 是否出现滚动条auto | yes | no --<noframes>标记
- target属性
内嵌框架：
- <iframesrc=""></iframe>。