十一.表单和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 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中属性值可以加上双引号也可以不加双引号
十一.表单和HTML 1.一个简单的html页面组成 <html> <head> <title>my page</title> </head> <body> Welcome to my page! </body> </html> ①通常,标识是“双向标识”,书写格式一般是 <标识名>内容</标识名> 但有些标识例外 ③Htm不区分大小写
十一.表单和HTML 2.添加各种网页元素: (1)在网页中加入文字:在<body>标识中 <br>:行中断标识,浏览器遇到这个标记时候,会把标识后面的内容另起一行显示。改变窗口大小,文字自动换行。 <font face= size= color=>文本</font> <center></center> :在代码状态键入空格是忽略状态,多个空格也只认一个空格,这时要使用空格的标记是” ”
十一.表单和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=_blank><img …></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>