网页编程课堂笔记.docVIP

网页编程

网页编程

第四章

一、工作原理

在地址栏中输入URLinternet服务器

IE解释HTML编码变成网页

二、HTML:标记语言以开头,以结束

语法：

标记名

标记名属性名=值

标记名内容/标记名

标记名属性名=值内容/标记名

注：1、/..标记结束

2、属性要写内

3、值可用,,省略。建议用双引号

4、不区分大小写

5、!--注释--

常用标记

1.html.../html：网页的开始和结束标记

注：所有标记都位于中间

2.head.../head:网页的头，放设置代码

3.body.../body:网页的主体,放网页的主要内容

4.title.../title:设置网页标题栏上的文字

注：放在head

5.meta描述信息

注：放在head

例：

metahttp-equiv=refreshcontent=22秒后自动刷新网页

metahttp-equiv=refreshcontent=2;url=c:2秒后刷新到C:

附加：

body属性:

bgcolor=背景色,

background=背景图片,

bgproperties=fixed背景图片固定

6.p/p段落

属性：align=left/center/right对齐方式(左中右)

注：/p可以省略,碰到第二个p，认为该段结束

7.h1到h6标题

提交按钮submit单击后会跳转到action所规定的提交页面

重置按钮reset清空，使表单元素回到初始状态

普通按钮button

图片提交image功能相当于submit

单选框radio

复选框checkbox

文件file

隐藏域hidden

name表单元素的名称

value值

size文本框的宽度

maxlength文本框最大字符数

checked选中(单选和复选)

src图片提交按钮的路径

操作细节

1.inputtype=image与aimg/a的区别:

前者为图片提交，将所有表单元素的名字及值上传到服务器

后者为页面跳转，只是简单的超链接。

2.单选框和复选框分组，只需要将name即名字设置为一样就OK

3.单复框有提交值与提示值之分

inputtype=radiovalue=nan男

value为提交值，提交时上传服务器

标记后的男会显示在页面上，起提示作用,跟提交无关

4.列表框和文本域不能使用input标记

5.单复框用checked，列表框用selected选中

6.按钮可以用input也可以用button标记,但button可以改变字体或在按钮上加图片

b.select和option列表框及列表项

select

option高中/option

optionselected大专/option

/select

属性：

size:框的大小（行）

multiple:是否可以选择多项

c.textArea文本域

属性：

cols总列数

rows总行数

textArea我喜欢/textArea没有value属性，值必须放在中间

附:

inputtype=submit/reset/buttonvalue=按钮等同于

buttontype=submit/reset/button按钮/button

但

buttontype=submitfontcolor=red按钮/font/button

buttontype=submitimgsrc=按钮/button

第一，二章

专业术语:

万维网,协议,UrL,HTML,网站,网页,静态网页,动态网页

Dreamweaver梦工厂

组成:菜单栏,插入栏,面板组,属性检查器

三种视图:代码/拆分/设计

菜单栏:

编辑标签库(相当于帮助)/首选参数(可以改字体/颜色)

插入(插入所需要的标记)

窗口:显示所需的面板

插入栏:常用(普通标记)/布局(对页排版)/表单(表单元素)

/文本(格式化文字的标记)/flash元素

操作一:建站点(管理网站信息)

建文件夹--D中--站点菜单新建站点--为站点取名

否,不使用服务器技术选择站点所对应的文件夹--如何连服务器:无--完成

操作二:设置页面的属性

属性检查器--页面属性-整个页面的字体/字号/前景/背景/超链接

操作