表单和css样式.doc

1、网站与网页：网页：html 文件，通过互联网传输 被浏览器识别和翻译的 浏览器的兼容性网站：网页的集合， 每个页面是相关的 index.html default网址域名前期：项目开发-域名解析、 .com .cn .gov 等 服务器（空间）网页类型：（1） 普通静态页面：客户端浏览器发送请求服务器不予修改信息， 不经常改动的 源文件（2） 动态页面：客户端浏览器发送请求服务器端程序修改反馈 内容维护：web 后台 增删改查（3） 交互页面：人的参与 填写、做一些选择、点击按钮等组成元素：（1） 文本信息的载体（2） 图片常用 gif jpg png（3） 动画常用 gif 动画 flash

2、动画（4） 音频视频常见 avi flv 等（5） 超链接网页之间访问的途径（6） 表单和交互相关的元素（7） 表格元素的排版HTML 文件：（1） 概念：超文本标记语言 被浏览器识别和翻译（2） 语法：1） 标签 必须在 单标记标签 3） 必须闭合4） 所有标签都是小写5） 标签和属性：空格进行隔开 , 属性=“属性值”（3） 结构：声明该文档是 html 文件标题不在页面中显示，但是信息很重要内容的显示区域（4） 常用标签：1） Head：i. Title：标题标签 双标记 显示在标题栏ii. Meta: 声明文档的一些信息编码格式，关键字，描述， iii. 外部引用文件（样式、脚本）2）

3、 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 双标记 默认效果 加粗一般用于标题，属性：Al

4、ign：对齐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 双

5、标记属性：上下有间隔，左侧有间隔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、alig

6、nColspan：合并列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

7、类： 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双标记标签 属性

8、： 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 虚线 dashed 点画线 dotted2、 行高：Line-height：24px; 数值3、 文字大小：font-size:12px; 数值4、 Form magin:0px; padding:0px;5、 Img border:none;注释：以结束主要用于提示