十一 . 表单和 html

15
. 十十十 HTML

Upload: teness

Post on 06-Jan-2016

66 views

Category:

Documents


8 download

DESCRIPTION

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

TRANSCRIPT

Page 1: 十一 . 表单和 HTML

十一 . 表单和 HTML

Page 2: 十一 . 表单和 HTML

十一 . 表单和HTML

1.表单和表单元素 2.HTML 讲述动态网页时会继续讲解 HTML和 XHTML 想了解 HTML的详情,请看参考资料(如 DW帮助)

Page 3: 十一 . 表单和 HTML

一 . 表单表单 : 需要向服务器提交动态数据的时候经常使用1.表单 form:把所需要的用到的数据和表单元素放在一个表单里面 ,一个页面的表单看情况而定 , 表单的数量一般可以简单使用一个就可以 . 注意插入表单和表单元素的先后顺序名称、动作、方法、 MIME类型(先不要选择)动作设定的是表单的处理页面,一般是动态页面。静态页面使用表单只是出来一个“外观”

十一 . 表单和HTML

Page 4: 十一 . 表单和 HTML

2.文本字段和文本区域 textfield3.隐藏域 hidden: 通常用来放置一些变量 , 用来收集所需要的信息4.复选框 checkbox5.单选按钮 radio和单选按钮组6.列表和菜单 select7.跳转菜单 select

十一 . 表单和HTML

Page 5: 十一 . 表单和 HTML

8.图像域 imge:图像作为提交按钮9.按钮 button:提交 submit和重置 reset10.标签 label: 跳过 , 简单可理解为要显示的信息或它的内容为那个对象服务

11.字段集 fieldset: 跳过 , 在窗体中对元素分组,或区分一个文 档中有标志的文本

十一 . 表单和HTML

Page 6: 十一 . 表单和 HTML

二 .HTML编写 HTML代码工具1 、 DW源代码编辑状态2 、记事本之类的文本编辑器 保存格式后缀名为 .html或 .htm

灵活使用 DW的标签检查器

十一 . 表单和HTML

Page 7: 十一 . 表单和 HTML

HTML(超文本标识语言 )浏览器所看到的网页,主要是由 HTML语言写成的,通过各种标记(标识),将影像、声音、图片、文字等连接显示出来。一个 HTML文件事实上是一个具有一些特殊代码的文本文件,它告诉浏览器如何表示此文件。通常,静态网页文件以 *.html或 *.htm为后缀名。

-网页制作中 , 有些功能内容在 DW设计视图可能无法完成,需要编辑代码。

十一 . 表单和HTML

Page 8: 十一 . 表单和 HTML

查看 DW页面属性,留意:1.什么是 HTML、 XML和 XHTML?2.HTML和 XHTML的典型区别是什么? DW8、 DW CS3、 DW CS4默认使用的是那种?

十一 . 表单和HTML

Page 9: 十一 . 表单和 HTML

标识1.单标识:只需要单独使用即能完整表达意思 语法: < 标识 > 例子: <br>2.双标识 语法: < 标识 > 内容 </标识 >3.标识属性 < 标识名字 属性 1=“属性值 1” 属性 2=“属性值2”…>

例子: < 标识 属性 1 = a 属性 2 =“ b”>内容 </标识 >

十一 . 表单和HTML

HTML中属性值可以加上双引号也可以不加双引号

Page 10: 十一 . 表单和 HTML

1.一个简单的 html页面组成<html><head><title>my page</title></head><body>Welcome to my page!</body></html>

① 通常,标识是“双向标识”,书写格式一般是< 标识名 > 内容 </标识名 >但有些标识例外③Htm不区分大小写

十一 . 表单和HTML

Page 11: 十一 . 表单和 HTML

2.添加各种网页元素:(1)在网页中加入文字 : 在 <body>标识中<br> :行中断标识,浏览器遇到这个标记时候,会把标识后面的内容另起一行显示。改变窗口大小,文字自动换行。

<font face= size= color=>文本 </font><center></center>&nbsp;: 在代码状态键入空格是忽略状态 , 多个空格也只认一个空格 , 这时要使用空格的标记是” &nbsp; ”

十一 . 表单和HTML

Page 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标记为单向标记

十一 . 表单和HTML

Page 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属性的缘故

----------? 锚记怎么写呢 ? -------------

十一 . 表单和HTML

Page 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的规则--

十一 . 表单和HTML

Page 15: 十一 . 表单和 HTML

8 、 DIV <DIV> </DIV>

十一 . 表单和HTML