Web 基础知识.docx

1、Web 基础知识Web 基础知识最常见的状态码与解释100 Continue 请求的开始部分已收到，客户端可以继续。200 OK 最常见的状态码，表示客户的请求成功，服务器也成功地返回所请求的资源。204 No Content 请求成功，但未能返回要求的资源。这时，客户没有必要再继续。301 Moved Permanently请求的URL不再有效，服务器返回新的位置。302 Found 请求的URL临时驻留在其他位置，服务器返回新的位置。304 Not Modified 对客户端条件GET请求的响应，表示服务器端文档未被修改。400 Bad Request 服务器不明白请求是什么意思。403

2、Forbidden 客户端请求的数据不允许访问。404 Not Found 请求的资源在服务器上找不到。500 Internal Server Error 服务器出错。最常见的原因是服务器端的某个程序出了故障。URL：Uniform Resource Locator中文译为“统一资源地址”，是用户请求访问的Web页面文件的路径和文件名。:1234/pub/index.htm协议 域名或IP地址 端口 目录和文件名HTML文件的基本结构HTML文件通常由4个主要的元素构成。HTML文件的基本结构如下：HTML文件标题HTML文件内容 设置HTML文件的开始和结束。 设置HTML文件的一些信息，如

3、标题、层叠样式表单、脚本程序等。 设置HTML文件的标题。可在浏览器窗口标题栏显示。可以添加到浏览器的收藏夹内。 设置HTML文件的主体内容。HTML文件的基本标记1.设置元数据： 应放在内。可设以下属性：name 指定某一个特性的名称，例如 author。content 设置name所指定的特性的值。http-equiv HTTP协议的题头名。charset 字符编码集。例如：refresh 指定该页面的刷新时间，做Web聊天室时常用。http-equiv 可以使Web服务器在HTTP响应时生成相应的HTTP题头。2.设置层叠样式表单：3.设置脚本：内容是一段脚本程序。如果是全局变量或函数的

4、定义，最好放在之间。可设如下属性：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 设置页面的

5、背景图片的URL。bgproperties 取fixed 值时设置背景不随滚动条滚动，不设此属性时背景随滚动条滚动。例如：新浪新闻网6.设置标题：n的值可以取1到6，代表一级标题到六级标题。可设以下属性：align 设置标题的位置，可取left、center、right。例如：h1字体示例 h2字体示例 h3字体示例 h4字体示例 h5字体示例 h6字体示例7.设置水平线：hr是horizontal rule的缩写。可设以下属性：align 设置水平线的位置，align的参数有left、center 、right。width 设置水平线的宽度，可以用百分数，也可以用像素数。size 设置水平线

6、的粗细。color 设置水平线的颜色。noshade 无取值，设置为无阴影。例如：8.设置一个段落：将标记间的文字设置为一个新的段落。可设以下属性：align 设置段落的对齐方式，可取left、center、right。例如：段落示列这是第一段这是新的一段9.设置换行符：强制进行换行操作。例如：第一行新起一行10.设置不换行符：禁止中间的文本换行。例如:聚焦Web：Web今日遍地红，超传超标建奇功。配置编程新天地，安全第一筑长城。Web页面简单易用，推动了互联网的普及，加快了世界信息化的进程。Web页面标准通用，简化了网络软件的开发，引起了软件业的革命。11.设置预设格式文字：pre是pref

7、ormated的缩写。HTML在显示时一般会吃掉过多的空白字符（只显示一个）和换行字符（不显示），但我们可以用和让空白、换行字符保存下来。这常用于计算机程序的表达。Web今日遍地红，超传超标建奇功。配置编程新天地，安全第一筑长城。12.设置字体标记可设以下属性：color 设置文字的颜色。size 现代网页设计不用此属性，而用CSS绝对控制页面字体的大小。face 设置文字的字体列表，第一种字体是首选的，如果用户机器上没有第一种字体，就用第二种字体显示，依次类推。如果列表中的字体都没有，就用用户机器上的默认字体显示。例如：大连理工大学 设置标记间文字为粗体（boldface） 设置标记间文字为

8、斜体（italics） 设置标记间文字带下划线（underline） 设置标记间文字为上标（superscript） 设置标记间文字为下标（subscript） 设置标记间文字带删除线（strike）例如:无限风光在险峰无限风光在险峰 无限风光在险峰 无限风光在险峰 无限风光在险峰无限风光在险峰 无限风光在险峰 13.设置特殊字符有一些ASCII码字符需要特殊表示： 用> 表示（greater than）& 用& 表示（ampersand） 用" 表示（quote）无间断空格 用 表示（no breaking space）这些字符也可以用&#ASCII码; 的

9、方式表示，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,y2c

10、ircle，这时设格式coords=x,y,rpolygon,这时设格式为coords=x1,y1,xn,yncoords 设置区域的坐标href 区域对应的超链接的URL16.设置超链接：可以为文本或用标记插入的图像。解释：a（anchor，锚），href（hypertext reference）。可设以下属性：href 设置URL，格式为http:/hostname.domainname:port/path/filename。http可以换成其他协议，例如ftp、telnet等。也可以使用相对路径（相对于本网页路径的文件路径）。链接的目标可以为任何类型的文件（例如可以为音视频文件）。目标文

11、件如果不能显示，就会出现下载对话框。target 显示链接的窗口或框架，可取以下值：_blank 在新窗口中打开超链接_self 在本窗口或本框架中打开超链接_parent 在上一级框架中打开超链接_top 在整个浏览器窗口中打开超链接例如：大连理工大学蔡江胜 ，功能是设置超链接的定位点。 jump to anchorname ，功能是跳转到页面中标有 的地方。17.设置applet：用来嵌入java applet，但正在被 object 标记取代。可设以下属性：name applet标识code class文件名codebase class文件的URL,但不包含最终的class文件名widt

12、h 显示区的宽度height 显示区的高度alt applet不能显示时显示的替代文本align 对齐方式，可取left、right、top、middle、bottomhspace 与周围内容的水平间距vspace 与周围内容的垂直间距，设置外部控制参数。可设以下属性：name 参数名value 对应的参数值例如:18.设置控件：可用设置外部控制参数，方式同。可设以下属性：classid 设置组件的标识codebase 设置组件的下载URLdata 设置数据文件的URLtype 设置数据文件的媒体类型align 对齐方式，可取left、right、 top、middle、bottomwidth

13、 设置显示宽度height 设置显示高度例如：19.设置背景音乐：必须放在内。只有IE支持。可设以下属性：src 设置音乐文件的URL，可为：midi、mp3、wav等。loop 设置音乐循环次数，可为正整数，当取infinite时表示无限循环。例如：20.设置区块：其中可以嵌入各种页面元素。主要功能是借助CSS实现自由排版，详见CSS一节。可有以下HTML属性：align 设置区块对齐方式，可取left、center、right。21.设置表格：可设以下属性：align 设置表格位置，可以为left、center、right。width 设置表格的宽度。height 设置表格的高度。bord

14、er 设置表格外框的粗细。bordercolor 设置表格外框的颜色。cellspacing 设置两个单元格之间的间距。cellpadding 设置单元格内文字与单元格边框的间距。background 设置表格的背景图像的URLbgcolor 设置表格的背景颜色 设置表格标题。可设以下属性：align 可取top（标题在表格上方）、bottom（标题在表格下方）。 设置表格行。可设以下属性：bgcolor 设置表格行的背景色。align 设置一行中各单元格内容相对于单元格的水平对齐方式，可取left、center、right。valign 设置一行中各单元格内容相对于单元格的垂直对齐方式，可取

15、top、middle、bottom。 设置单元格内容，可设以下属性width 单元格宽度。height 单元格高度。rowspan 单元格占用表格行数。colspan 单元格占用表格列数。background 设置单元格背景图像bgcolor 设置单元格背景色。align 设置内容水平对齐方式，可选left、center、right。valign 设置内容垂直对齐方式，可选top、middle、bottom。表格例子1：电信学院学生名单姓名性别专业王大鹏男电子工程 李红艳女计算机科学与技术张剑男自动化表格例子2：第一行第一列第一行之第二列及第三列第二行及第三行之第一列第二行第二列第二行第三列第

16、三行第二列第三行第三列22.设置框架集：.可以将屏幕分割成几块，每块对应一个文件。有了，就不能有标记了。可以嵌套。可设以下属性：rows 纵向分割的多重框架的高度列表，可以是像素数、百分数，也可以用*号代替屏幕的剩余部分。高度之间以逗号分割。cols 横向分割的多重框架的宽度列表。 ，设置框架，可设以下属性：name 框架名称src 框架内显示文件的URLframeborder 可取yes或1（有边框）、no或0（没有边框）。scrolling 可取yes（有滚动条）、 no（无滚动）、auto（自动），缺省值为auto 。noresize 不可改变框架大小，无取值 , 设置不能显示框架时的显

17、示文字。电信学院您的浏览器不支持框架显示!23.设置表单是实现交互功能的主要方式，用户一般通过form向服务器端程序提交信息。可设以下属性：method 设置提交表单内容到服务器的HTTP方法，可以选get和post。get传送的数据量最大4000字符，表单提交时表单域数值将在地址栏显示。post传送的数据量不受限制，表单提交时表单域数值将不会在地址栏显示。action 设置表单处理程序的URL。 设置表单域，可设以下属性：type 可取如下值：text 设置单行文本域password 设置密码域file 文件输入域，这时form应设属性method=post enctype=multipar

18、t/form-datahidden 隐藏域，用于发送几个不用浏览者填写，但是处理程序需要的数据。checkbox 设置复选框radio 设置单选按钮，同名单选按钮只允许选择一个。button 一般按钮image 图像按钮，当被点击时，发送的是点击处的坐标，形式如name.x=x值，name.y=y值。reset 设置重置按钮，点此按钮将把所有表单域的值恢复为缺省值。submit 设置提交按钮，这是每个表单都有的，表示开始提交信息，激活服务器端程序。name 表单域标识，作为“名称=取值”对的一部分传给服务器端程序。value 输入的值。对text和hidden类型，是表单域的缺省值。对chec

19、kbox和radio类型，是被选择后传给服务器端程序的取值。对reset和submit类型，是按钮上显示的文字。checked 设置初始时被选中，无取值（适用于checkbox、radio类型）size 可视的文本输入字符数（适用于text、password类型）maxlength 能输入的最大字符数（适于text、password类型）alt 输入域描述（适于text类型）src 图像的URL（适于image类型）tabindex tab键次序 设置多行文本域（表示预设文本）。可设以下属性：name 多行文本域标识rows 文本域行数cols 文本域列数wrap 可取off（不换行）、soft（软回车换行）、hard（硬回车换行）tabindex tab键次序 设置选择域。用 子标记设置选择项。可设属性：name 选择域标识 可设属性：value 表示选择项对应的值，将提交给服务器端程序selected 无取值，表示初始选择项表单测试您的姓名：电子邮件：input type=text name=email