十一表单和HTML.ppt
十一表单和HTML Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望十一十一.表单和表单和HTMLHTML 1.表单和表单元素 2.HTML 讲述动态网页时会继续讲解HTML和XHTML 想了解HTML的详情,请看参考资料(如DW帮助)一.表单表单:需要向服务器提交动态数据的时候经常使用1.表单form:把所需要的用到的数据和表单元素放在一个表单里面,一个页面的表单看情况而定,表单的数量一般可以简单使用一个就可以.注意插入表单和表单元素的先后顺序名称、动作、方法、MIME类型(先不要选择)动作设定的是表单的处理页面,一般是动态页面。静态页面使用表单只是出来一个“外观”十一十一.表单和表单和HTML2.文本字段和文本区域textfield3.隐藏域hidden:通常用来放置一些变量,用来收集所需要的信息4.复选框checkbox5.单选按钮radio和单选按钮组6.列表和菜单select7.跳转菜单select十一十一.表单和表单和HTML8.图像域imge:图像作为提交按钮9.按钮button:提交submit和重置reset10.标签label:跳过,简单可理解为要显示的信息或它的内容为那个对象服务11.字段集fieldset:跳过,在窗体中对元素分组,或区分一个文 档中有标志的文本十一十一.表单和表单和HTML二.HTML编写HTML代码工具1、DW源代码编辑状态2、记事本之类的文本编辑器 保存格式后缀名为.html或.htm灵活使用DW的标签检查器十一十一.表单和表单和HTML HTML(超文本标识语言)浏览器所看到的网页,主要是由HTML语言写成的,通过各种标记(标识),将影像、声音、图片、文字等连接显示出来。一个HTML文件事实上是一个具有一些特殊代码的文本文件,它告诉浏览器如何表示此文件。通常,静态网页文件以*.html或*.htm为后缀名。网页制作中,有些功能内容在DW设计视图可能无法完成,需要编辑代码。十一十一.表单和表单和HTML查看DW页面属性,留意:1.什么是HTML、XML和XHTML?2.HTML和XHTML的典型区别是什么?DW8、DW CS3、DW CS4默认使用的是那种?十一十一.表单和表单和HTML标识1.单标识:只需要单独使用即能完整表达意思 语法:例子:2.双标识 语法:内容3.标识属性 例子:内容十一十一.表单和表单和HTMLHTML中属性值可以加上双引号也可以不加双引号1.一个简单的html页面组成my pagemy pageWelcome to my page!Welcome to my page!通常,标识是“双向标识”,书写格式一般是内容但有些标识例外Htm不区分大小写十一十一.表单和表单和HTML2.添加各种网页元素:(1)在网页中加入文字:在标识中:行中断标识,浏览器遇到这个标记时候,会把标识后面的内容另起一行显示。改变窗口大小,文字自动换行。文本 :在代码状态键入空格是忽略状态,多个空格也只认一个空格,这时要使用空格的标记是” ”十一十一.表单和表单和HTML(2)设置标题:在head中使用title(3)设置页面的背景颜色和背景图片:body (4)在页面中插入图片:在body中使用标记 Img标记为单向标记十一十一.表单和表单和HTML(5)设置文字和图片链接 链接文字或图片 文字 文字 文字 图片 添加了超链接的图片周围会出现一个蓝色边框,没设置border属性的缘故-?锚记怎么写呢?-十一十一.表单和表单和HTML7、表格 注意table、tr、td的规则十一十一.表单和表单和HTML8、DIV 十一十一.表单和表单和HTML