表单和css样式.doc

网站与网页：网页：html文件，通过互联网传输 被浏览器识别和翻译的 浏览器的兼容性网站：网页的集合， 每个页面是相关的 index.html default网址域名前期：项目开发-域名解析、.com .cn .gov 等 服务器（空间）网页类型：（1） 普通静态页面：客户端浏览器发送请求服务器不予修改信息， 不经常改动的 源文件（2） 动态页面：客户端浏览器发送请求服务器端程序修改反馈 内容维护：web后台 增删改查（3） 交互页面：人的参与 填写、做一些选择、点击按钮等组成元素：（1） 文本信息的载体（2） 图片常用 gif jpg png（3） 动画常用 gif动画 flash动画（4） 音频视频常见avi flv等（5） 超链接网页之间访问的途径（6） 表单和交互相关的元素（7） 表格元素的排版HTML文件：（1） 概念：超文本标记语言 被浏览器识别和翻译（2） 语法：1） 标签 必须在内2） 分类(表现)：双标记标签 单标记标签 3） 必须闭合4） 所有标签都是小写5） 标签和属性：空格进行隔开 , 属性=“属性值”（3） 结构： 声明该文档是html文件 标题 不在页面中显示，但是信息很重要 内容的显示区域（4） 常用标签：1） Head：i. Title：标题标签 双标记 显示在标题栏ii. Meta: 声明文档的一些信息编码格式，关键字，描述， iii. 外部引用文件（样式、脚本）2） Body：属性：1、bgcolor=“#000000”背景色 2、background=“路径” 大图：左上角 小图：重复平铺 css 背景图背景色（5） 分隔标签：1） br 单标记 强制换行2） p 双标记 段落 上下有间距属性：Align：对齐 left（默认） center rightTitle 鼠标滑过显示效果Class id style ： 所有标签都有的3） hr：分割线属性：Width：宽度 数值 没有单位Color：颜色Align：对齐 left center（默认） rightSize：大小 没有单位4） 标题标签：H1-h6 双标记 默认效果 加粗一般用于标题，属性：Align：对齐Title：5） Font：字体 html基本不用属性：Face：字体 默认宋体 可以多个字体Size：大小 -1-6 +1-+6 1-7 数值越大，字越大Color：颜色字体修饰：加粗 b strong 倾斜 I em 下划线 u标签嵌套关系6） 超链接 a 双标记属性：Href：连接地址 网络地址 本地地址 #自连接mailto：邮箱地址 target：_blank 新窗口 _self 本窗口文字连接、图片连接7） 无序列表：UL li 双标记属性：上下有间隔，左侧有间隔Type：类型 disc 实心圆点 circle 空心圆圈 square 方形8） 有序列表Ol li 双标记属性：上下有间隔，左侧有间隔Type：1 a A I i9） 自定义列表：Dl dt ddDt 标题 上下有间隔Dd 左侧有间隔10） Img 图像插入图片属性：Src：路径Title：Alt：图片加载不下来的提示Width：宽度Height：高度Hspace：离左右物件距离Vspace：离上下物件距离Border：边框11） 表格：Table tr tdTable：属性：Width：宽度Height：高度Border：边框 0 无边框Align：对齐 慎用Cellspadding：Cellspacing：Tr：一般不写属性Td：单元格Width、height、boeder、alignColspan：合并列Rowspan：合并行 慎用Dreamweaver：文件操作：新建、保存、打开等视图模式：代码、代码+设计、设计Html基础标签：分隔 hr br p标题 hn超链接 a图片 img 列表：有序列表ol 无序列表ul 自定义列表dl表格 table文字 font Table属性：Bordercolorlight=“” 亮部Bordercolordark=“”暗部 ie识别图片属性栏：热区设计视图： enter p 段落shift+enter br 换行特殊字符表格中：标题 th 默认文字加粗，居中显示 表单标签：主要用于交互类栏目表单+表单域 默认 上下有间隔4类： Input:单标记标签Type=1、 text 单行文本2、 password 密码框3、 radio 单选按钮 一组中选择一个 保证name属性值一样；默认选中 checked=“checked”4、 checkbox 复选框 一组name值一样；默认选中 checked=“checked”5、 button 普通按钮6、 submit 提交 提交数据并刷新页面7、 reset 重置 回到原来的状态8、 image 图像按钮 src路径 相对路径9、 file 文件10、 hidden 隐藏域 一般用于一些数据不显示，但是需要提交或改变select：option双标记标签 属性： size multipleTextarea 多行文本输入 rows 控制行数 cols 控制列数其他标签：1、label 本身无效果 可以通过控制for属性进一步使相对应的表单控件聚焦 for属性值应与相对应表单控件的id值一致2、fieldset legend 字符段Web三框架：Html结构Csscascading style sheet 层叠样式表 控制表现效果Javascript脚本 控制行为先做结构，然后写样式，最后添加行为语法：Css由3部分组成：选择符、css属性、css属性值选择符Css属性：css属性值；Css属性：css属性值；(1) 标签选择符 Html标签：body p img table等作用范围：当前文档中的相关标签都应用，比较广，一般通用的样式采用怎样应用于html文件：（1） 在之间样式效果（2） 利用标签的style属性来定义 只对当前标签有效果常用样式：1、 边框：粗细、类型、颜色类型：实线 solid 虚