Web 基础知识.docx

上传人:b****3 文档编号:24692671 上传时间:2023-05-31 格式:DOCX 页数:19 大小:22.58KB
下载 相关 举报
Web 基础知识.docx_第1页
第1页 / 共19页
Web 基础知识.docx_第2页
第2页 / 共19页
Web 基础知识.docx_第3页
第3页 / 共19页
Web 基础知识.docx_第4页
第4页 / 共19页
Web 基础知识.docx_第5页
第5页 / 共19页
点击查看更多>>
下载资源
资源描述

Web 基础知识.docx

《Web 基础知识.docx》由会员分享,可在线阅读,更多相关《Web 基础知识.docx(19页珍藏版)》请在冰豆网上搜索。

Web 基础知识.docx

Web基础知识

Web基础知识

最常见的状态码与解释

100Continue请求的开始部分已收到,客户端可以继续。

200OK最常见的状态码,表示客户的请求成功,服务器也成功地返回所请求的资源。

204NoContent请求成功,但未能返回要求的资源。

这时,客户没有必要再继续。

301MovedPermanently 请求的URL不再有效,服务器返回新的位置。

302Found请求的URL临时驻留在其他位置,服务器返回新的位置。

304NotModified对客户端条件GET请求的响应,表示服务器端文档未被修改。

400BadRequest服务器不明白请求是什么意思。

403Forbidden客户端请求的数据不允许访问。

404NotFound请求的资源在服务器上找不到。

500InternalServerError服务器出错。

最常见的原因是服务器端的某个程序出了故障。

URL:

UniformResourceLocator

中文译为“统一资源地址”,是用户请求访问的Web页面文件的路径和文件名。

:

1234/pub/index.htm

协议域名或IP地址端口目录和文件名

HTML文件的基本结构

HTML文件通常由4个主要的元素构成。

HTML文件的基本结构如下:

HTML文件标题

HTML文件内容

…设置HTML文件的开始和结束。

…设置HTML文件的一些信息,如标题、层叠样式表单、脚本程序等。

设置HTML文件的标题。

可在浏览器窗口标题栏显示。

可以添加到浏览器的收藏夹内。

…设置HTML文件的主体内容。

HTML文件的基本标记

1.设置元数据:

应放在…内。

可设以下属性:

name指定某一个特性的名称,例如author。

content设置name所指定的特性的值。

http-equivHTTP协议的题头名。

charset字符编码集。

例如:

25:

27GMT">

refresh指定该页面的刷新时间,做Web聊天室时常用。

http-equiv可以使Web服务器在HTTP响应时生成相应的HTTP题头。

2.设置层叠样式表单:

3.设置脚本:

内容是一段脚本程序。

如果是全局变量或函数的定义,最好放在…之间。

可设如下属性:

language可以设为javascript、jscript、vbscript等。

4.设置注释:

--…-->浏览器不解释显示其中的内容。

例如:

--本句不会被解释显示-->

5.设置主体:

所有要显示的页面元素都要包含在主体内。

可设以下属性:

bgcolor设置页面背景颜色。

HTML中的颜色值以6位十六进制数#rrggbb表示,分别表示红、绿、蓝三原色;或者用以下单词表示:

aqua、black、blue、fuchsia、gray、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow。

以后不再解释颜色的表示法。

background设置页面的背景图片的URL。

bgproperties取fixed值时设置背景不随滚动条滚动,不设此属性时背景随滚动条滚动。

例如:

新浪新闻网

6.设置标题:

n的值可以取1到6,代表一级标题到六级标题。

可设以下属性:

align设置标题的位置,可取left、center、right。

例如:

h1字体示例

h2字体示例

h3字体示例

h4字体示例

h5字体示例

h6字体示例

7.设置水平线:


hr是horizontalrule的缩写。

可设以下属性:

align设置水平线的位置,align的参数有left、center、right。

width设置水平线的宽度,可以用百分数,也可以用像素数。

size设置水平线的粗细。

color设置水平线的颜色。

noshade无取值,设置为无阴影。

例如:

8.设置一个段落:

将标记间的文字设置为一个新的段落。

可设以下属性:

align设置段落的对齐方式,可取left、center、right。

例如:

段落示列

这是第一段

这是新的一段

9.设置换行符:


强制进行换行操作。

例如:

第一行
新起一行

10.设置不换行符:

禁止中间的文本换行。

例如:

聚焦Web:

Web今日遍地红,超传超标建奇功。

配置编程新天地,安全第一筑长城。

Web页面简单易用,推动了互联网的普及,加快了世界信息化的进程。

Web页面标准通用,简化了网络软件的开发,引起了软件业的革命。

11.设置预设格式文字:

pre是preformated的缩写。

HTML在显示时一般会吃掉过多的空白字符(只显示一个)和换行字符(不显示),但我们可以用

让空白、换行字符保存下来。

这常用于计算机程序的表达。

Web今日遍地红,

超传超标建奇功。

配置编程新天地,

安全第一筑长城。

12.设置字体

标记

可设以下属性:

color设置文字的颜色。

size现代网页设计不用此属性,而用CSS绝对控制页

面字体的大小。

face设置文字的字体列表,第一种字体是首选的,如果用户机器上没有第一种字体,就用第二种字体显示,依次类推。

如果列表中的字体都没有,就用用户机器上的默认字体显示。

例如:

大连理工大学

设置标记间文字为粗体(boldface)

设置标记间文字为斜体(italics)

设置标记间文字带下划线(underline)

设置标记间文字为上标(superscript)

设置标记间文字为下标(subscript)

设置标记间文字带删除线(strike)

例如:

无限风光在险峰

无限风光在险峰

无限风光在险峰

无限风光在险峰

无限风光在险峰

无限风光在险峰

无限风光在险峰

13.设置特殊字符

有一些ASCII码字符需要特殊表示:

<用<表示(lessthan)

>用>表示(greaterthan)

&用&表示(ampersand)

"用"表示(quote)

无间断空格用 表示(nobreakingspace)

这些字符也可以用&#ASCII码;的方式表示,ASCII码的取值范围为0-255。

14.设置图像:

src设置图像文件的URL。

alt设置图像无法显示时可替代显示的文本。

width设置图像宽度

height设置图像高度

border设置边框粗细

align设置图像相对于周围内容的对齐方式,可

取left、right、top、middle、bottom。

hspace设置图像与周围其他内容的水平间距。

vspace设置图像与周围其他内容的垂直间距。

例如:

15.设置图像映射:

可设以下属性:

name设置图像映射名

子标记用来定义映射区域,可设以下属性:

shape可取以下值:

rect,这时设格式coords="x1,y1,x2,y2"

circle,这时设格式coords="x,y,r"

polygon,这时设格式为coords="x1,y1,…,xn,yn"

coords设置区域的坐标

href区域对应的超链接的URL

16.设置超链接:

可以为文本或用标记插入的图像。

解释:

a(anchor,锚),href(hypertextreference)。

可设以下属性:

href设置URL,格式为"http:

//hostname.domainname[:

port]/path/filename"。

http可以换成其他协议,例如ftp、telnet等。

也可以使用相对路径(相对于本网页路径的文件路径)。

链接的目标可以为任何类型的文件(例如可以为音视频文件)。

目标文件如果不能显示,就会出现下载对话框。

target显示链接的窗口或框架,可取以下值:

_blank在新窗口中打开超链接

_self在本窗口或本框架中打开超链接

_parent在上一级框架中打开超链接

_top在整个浏览器窗口中打开超链接

例如:

大连理工大学

caijs@">蔡江胜

…,功能是设置超链接的定位点。

jumptoanchorname,功能是跳转到页面中标有…的地方。

17.设置applet:

用来嵌入javaapplet,但正在被object标记取代。

可设以下属性:

nameapplet标识

codeclass文件名

codebaseclass文件的URL,但不包含最终

的class文件名

width显示区的宽度

height显示区的高度

altapplet不能显示时显示的替代文本

align对齐方式,可取left、right、top、

middle、bottom

hspace与周围内容的水平间距

vspace与周围内容的垂直间距

,设置外部控制参数。

可设以下属性:

name参数名

value对应的参数值

例如:

18.设置控件:

可用设置外部控制参数,方式同

可设以下属性:

classid设置组件的标识

codebase设置组件的下载URL

data设置数据文件的URL

type设置数据文件的媒体类型

align对齐方式,可取left、right、

top、middle、bottom

width设置显示宽度

height设置显示高度

例如:

D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="

/flash/swflash.cab#version=5,0,0,0"width="150"height="125">

19.设置背景音乐:

必须放在…内。

只有IE支持。

可设以下属性:

src设置音乐文件的URL,可为:

midi、mp3、wav等。

loop设置音乐循环次数,可为正整数,当取infinite时表示无限循环。

例如:

20.设置区块:

其中可以嵌入各种页面元素。

主要功能是借助CSS实现自由排版,详见CSS一节。

可有以下HTML属性:

align设置区块对齐方式,可取left、center、

right。

21.设置表格:

可设以下属性:

align设置表格位置,可以为left、

center、right。

width设置表格的宽度。

height设置表格的高度。

border设置表格外框的粗细。

bordercolor设置表格外框的颜色。

cellspacing设置两个单元格之间的间距。

cellpadding设置单元格内文字与单元格边框的

间距。

background设置表格的背景图像的URL

bgcolor设置表格的背景颜色

…设置表格标题。

可设以下属性:

align可取top(标题在表格上方)、

bottom(标题在表格下方)。

…设置表格行。

可设以下属性:

bgcolor设置表格行的背景色。

align设置一行中各单元格内容相对于单

元格的水平对齐方式,可取left、

center、right。

valign设置一行中各单元格内容相对于单

元格的垂直对齐方式,可取top、

middle、bottom。

…设置单元格内容,可设以下属性

width单元格宽度。

height单元格高度。

rowspan单元格占用表格行数。

colspan单元格占用表格列数。

background设置单元格背景图像

bgcolor设置单元格背景色。

align设置内容水平对齐方式,可选

left、center、right。

valign设置内容垂直对齐方式,可选

top、middle、bottom。

表格例子1:

电信学院学生名单

姓名

性别

专业

王大鹏

电子工程

李红艳

计算机科学与技术

张剑

自动化

表格例子2:

第一行第一列

第一行之第二列及第三列

第二行及第三行之第一列

第二行第二列

第二行第三列

第三行第二列

第三行第三列

22.设置框架集:

...

可以将屏幕分割成几块,每块对应一个文件。

有了,就不能有标记了。

可以嵌套。

可设以下属性:

rows纵向分割的多重框架的高度列表,可以是像素数、百分数,也可以用*号代替屏幕的剩余部分。

高度之间以逗号分割。

cols横向分割的多重框架的宽度列表。

,设置框架,可设以下属性:

name框架名称

src框架内显示文件的URL

frameborder可取yes或1(有边框)、no或0(没有边框)。

scrolling可取yes(有滚动条)、no(无滚动)、auto(自动),缺省值为auto。

noresize不可改变框架大小,无取值

…<noframes>,设置不能显示框架时的显示文字。</p><p><html></p><p><head></p><p><title>电信学院</title></p><p></head></p><p><framesetrows="20%,80%"></p><p><framename="frame1"src="top.htm"></p><p><framesetcols="20%,80%"></p><p><framename="frame2"src="left.htm"scrolling=nonoresize></p><p><framename="frame3"src="right.htm"noresize></p><p></frameset></p><p><noframes>您的浏览器不支持框架显示!</p><p>

23.设置表单

是实现交互功能的主要方式,用户一般通过form向服务器端程序提交信息。

可设以下属性:

method设置提交表单内容到服务器的HTTP方法,可以选get和post。

get传送的数据量最大4000字符,表单提交时表单域数值将在地址栏显示。

post传送的数据量不受限制,表单提交时表单域数值将不会在地址栏显示。

action设置表单处理程序的URL。

…设置表单域,可设以下属性:

type可取如下值:

text设置单行文本域

password设置密码域

file文件输入域,这时form应设属性method="post"enctype="multipart/form-data"

hidden隐藏域,用于发送几个不用浏览者填写,但是处理程序需要的数据。

checkbox设置复选框

radio设置单选按钮,同名单选按钮只允许选择一个。

button一般按钮

image图像按钮,当被点击时,发送的是点击处的坐标,形式如"name.x=x值,name.y=y值"。

reset设置重置按钮,点此按钮将把所有表单域的值恢复为缺省值。

submit设置提交按钮,这是每个表单都有的,表示开始提交信息,激活服务器端程序。

name表单域标识,作为“名称=取值”对的一部分传给服务器端程序。

value输入的值。

对text和hidden类型,是表单域的缺省值。

对checkbox和radio类型,是被选择后传给服务器端程序的取值。

对reset和submit类型,是按钮上显示的文字。

checked设置初始时被选中,无取值(适用于checkbox、radio类型)

size可视的文本输入字符数(适用于text、password类型)

maxlength能输入的最大字符数(适于text、password类型)

alt输入域描述(适于text类型)

src图像的URL(适于image类型)

tabindextab键次序

设置多行文本域(…表示预设文本)。

可设以下属性:

name多行文本域标识

rows文本域行数

cols文本域列数

wrap可取off(不换行)、

soft(软回车换行)、

hard(硬回车换行)

tabindextab键次序

设置选择域。

可设属性:

name选择域标识

value表示选择项对应的值,将提交给服务

器端程序

selected无取值,表示初始选择项

表单测试

您的姓名:

电子邮件:

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 人文社科 > 哲学历史

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1