1 / 15

十一 . 表单和 HTML

十一 . 表单和 HTML. 十一 . 表单和 HTML. 1. 表单和表单元素 2.HTML 讲述动态网页时会继续讲解 HTML 和 XHTML 想了解 HTML 的详情，请看参考资料（如 DW 帮助）. 十一 . 表单和 HTML. 一 . 表单 表单 : 需要向服务器提交动态数据的时候经常使用 1. 表单 form: 把所需要的用到的数据和表单元素放在一个表单里面 , 一个页面的表单看情况而定 , 表单的数量一般可以简单 使用一个就可以 . 注意插入表单和表单元素的先后顺序 名称 、 动作 、方法、 MIME 类型（先不要选择）

teness
Download Presentation

十一 . 表单和 HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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、记事本之类的文本编辑器 保存格式后缀名为.html或.htm 灵活使用DW的标签检查器

  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> • &nbsp;:在代码状态键入空格是忽略状态,多个空格也只认一个空格,这时要使用空格的标记是”&nbsp; ”

  12. 十一.表单和HTML (2) 设置标题：在head中使用title (3) 设置页面的背景颜色和背景图片:body <body bgcolor=red> <body background=image/1.jpg> (4) 在页面中插入图片：在body中使用<img>标记 <imgsrc=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>

More Related