表单和css样式.doc

上传人:sk****8 文档编号:3121962 上传时间:2019-05-22 格式:DOC 页数:6 大小:46KB
下载 相关 举报
表单和css样式.doc_第1页
第1页 / 共6页
表单和css样式.doc_第2页
第2页 / 共6页
表单和css样式.doc_第3页
第3页 / 共6页
表单和css样式.doc_第4页
第4页 / 共6页
表单和css样式.doc_第5页
第5页 / 共6页
点击查看更多>>
资源描述

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;注释:以结束主要用于提示

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 教育教学资料库 > 精品笔记

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。