十一.表单和HTML.ppt

十一.表单和HTML 十一.表单和HTML 1.表单和表单元素 2.HTML 讲述动态网页时会继续讲解HTML和XHTML 想了解HTML的详情，请看参考资料（如DW帮助） 十一.表单和HTML 一.表单 表单:需要向服务器提交动态数据的时候经常使用 1.表单form: 把所需要的用到的数据和表单元素放在一个表单里面, 一个页面的表单看情况而定,表单的数量一般可以简单 使用一个就可以.注意插入表单和表单元素的先后顺序 名称、动作、方法、MIME类型（先不要选择） 动作设定的是表单的处理页面，一般是动态页面。 静态页面使用表单只是出来一个“外观” 十一.表单和HTML 2.文本字段和文本区域textfield 3.隐藏域hidden: 通常用来放置一些变量,用来收集所需要的信息 4.复选框checkbox 5.单选按钮radio和单选按钮组 6.列表和菜单select 7.跳转菜单select 十一.表单和HTML 8.图像域imge:图像作为提交按钮 9.按钮button:提交submit和重置reset 10.标签label: 跳过,简单可理解为要显示的信息或它的内容为那个对象服务 11.字段集fieldset: 跳过,在窗体中对元素分组，或区分一个文 档中有标志的文本 十一.表单和HTML 二.HTML 编写HTML代码工具 1、DW源代码编辑状态 2、记事本之类的文本编辑器 保存格式后缀名为.html或.htm 十一.表单和HTML HTML（超文本标识语言) 浏览器所看到的网页，主要是由HTML语言写成的，通 过各种标记（标识），将影像、声音、图片、文字等 连接显示出来。 一个HTML文件事实上是一个具有一些特殊代码的文本 文件，它告诉浏览器如何表示此文件。通常，静态网 页文件以*.html或*.htm为后缀名。 －网页制作中,有些功能内容在DW设计视图可能无法完成，需要编辑代码。 十一.表单和HTML 查看DW页面属性，留意： 1.什么是HTML、XML和XHTML？ 2.HTML和XHTML的典型区别是什么？ DW8、DW CS3、DW CS4默认使用的是那种？ 十一.表单和HTML 标识 1.单标识：只需要单独使用即能完整表达意思 语法： 标识 例子：br 2.双标识 语法： 标识内容/标识 3.标识属性 标识名字 属性1=“属性值1” 属性2=“属性值2”… 例子：标识 属性1＝a 属性2＝“b”内容/标识 十一.表单和HTML 1.一个简单的html页面组成 html head titlemy page/title /head body Welcome to my page! /body /html 十一.表单和HTML 2.添加各种网页元素： (1)在网页中加入文字:在body标识中 br：行中断标识，浏览器遇到这个标记时候，会把标识后面的内容另起一行显示。改变窗口大小，文字自动换行。 font face= size= color=文本/font center/center nbsp;:在代码状态键入空格是忽略状态,多个空格也只认一个空格,这时要使用空格的标记是”nbsp; ” 十一.表单和HTML (2) 设置标题：在head中使用title (3) 设置页面的背景颜色和背景图片:body body bgcolor=red body background=image/1.jpg (4) 在页面中插入图片：在body中使用img标记 img src=image/1.jpg alt=说明 width=150Height=150 aligh=left/right/center Img标记为单向标记 十一.表单和HTML (5) 设置文字和图片链接 a href=链接目标路径链接文字或图片/a ① 文字 a href=a.htm文字/a a href=a.htm target=_blank文字/a ② 图片 a href=a.htm target=_blankimg …/a 添加了超链接的图片周围会出现一个蓝色边框，没设 置border属性的缘故 十一.表单和HTML 7、表格 table border=1 aligh=center width=600 tr aligh=left height=50 td width=60/td td/td /tr /table －－注意table、tr、td的规则－－ 十一.表单和HTML 8、DIV DIV /DIV * * 灵活使用DW的标签检查器 HTML中属性值可以加上双引号也可以不加双引号 ①通