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