`
xy_z487
  • 浏览: 271745 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML语言的高级部分

阅读更多
HTML语言的高级部分
表格的作用:
表格可以固定文本和图象的显示位置,可以使用表格对网页进行布局。
表格标签:
<table></table>表示要创建一个表格。属性有:bgcolor(表格背景颜色),border(表格边框宽度),bordercolor(表格边框颜色),bordercolorlight,bordercolordark,cellspacing(表格各单元格之间的间隔大小),cellpadding(单元格各边框与内容的间隔),width,height。
<tr></tr>创建一行,属性有:align(单元格边框与内容水平对齐方式),valign(垂直对齐方式),bgcolor(一行的背景颜色)。
<td></td>创建一行中的一列,文本内容只能加到该标签对中。属性有:width,heigth,align,valign,colspan(单元格所跨占的列数),rowspan(单元格所跨占的行数),nowrap(不自动换行单元格中的内容).
<th></th>用法同<td></td>里面内容文字显示是粗体居中,一般用作表头。
<caption></caption>表格的标题,必须紧跟在<table>之后.

分帧的作用
将一个浏览器文档窗口分隔成多个窗口,每个窗口中都可以显示一个独立的网页文件。每一个窗口称为帧,每个帧中都可以使用一个.html文件,在一个帧窗口中有许多连接,点击连接,可以让它显示在另一个帧窗口中,一个被划分成多个帧窗口的文档区域称为框架集,一个框架集可以嵌套另一个框架集,浏览器中输入的URL应是框架集的主文档。
index.html文件:(主框架集)
<frameset rows="20%,*">
  <frame src="top.html" name="top">
<frameset cols="30%,*">
  <frame src="left.html" name="left">
  <frame src="right1.html" name="right">
top.html文件
<center>这是顶部文件
left.html文件:
<p>这是左边的网页文件</p>
<p><a href="right1.html" target="right">显示右边的第一个文档</a></p>
<a href="right2.html" target="right">显示右边的第二个文档</a>
right1.html文件:这是右边的第一个网页文件
right2.html文件:这是右边的第二个网页文件
<frameset></frameset>定义一个框架集中有几个帧,可以嵌套,但不能嵌套<body></body>中,也不能在它中间加入<body>标签对。主要用途划分帧窗口,而不能显示网页元素,属性rows(几行帧窗口及大小),cols(几列帧窗口及大小)。border(每个帧窗口边框的宽度),frameboder(是否显示帧窗口的边界,0不显示,1显示,no,yes)
<frame>标签,属性src(指定帧窗口中初始装载网页的url),name(窗口的名字,可用于超链接),scrolling(是否显示滚动yes,no), noresize(用户是否能用鼠标拖动每个帧窗口之间的分隔线,不设置为允许)
<a href="">的target属性:指定打开的窗口,如指定不存在,就打开新的窗口。
四个内置值:_blank(打开新的窗口,但没有名称),_self(在源窗口中打开),_parent(在帧窗口的父窗口打开),_top(最顶层窗口,整个浏览器窗口)。
<noframes></noframes>用来显示在不支持frameset的浏览器中显示的文本,先嵌入<body>标签对,再在里面添加内容。
<iframe>标签不需要放到<frameset>标签对之间,用于在一个网页中插入一个帧窗口。

表单标签的作用
用于和服务器进行交互,通过用户填写信息,让web服务器与用户之间交互(如注册信息)。
<form></form>标签及属性,创建一个表单,嵌套在表单中间的字段元素,应有一个name属性,指定字段元素名称,web服务器通过名称获得相应的侄,没有指定name的字段元素不会传递给web服务器。
属性有:
action:用来设置接收和处理浏览器递交表单内容的服务器程序的URL.例如<form action="http://www.it315.org/counter.cgi">如果没有设置action属性,或属性为空,则当前网页的URL地址将作为action的地址来使用。
method:用来定义浏览器将表单中的信息,提交给服务器端的处理程序的方式。取值可以为GET或POST.默认为GET.
        GET方式会将表单字段元素和值按URL参数形式赋在action的地址后面发给服务器,会自动将值中的特殊值进行URL编码。参数部           分不能超过1K字节。(通过此方法可以查看某个字符的URL编码)
        POST方式,浏览器会将表单当中的各字段元素及设置值作为HTTP消息的试题内容发送给web服务器,浏览器地址栏就看不到参数        消息,一般提交的数据不引起服务器内容变化用GET(例如对数据库的查询),引起变化用POST(例如注册信息).
target属性:用来指定服务器返回结果显示的目标窗口或目标帧。
title属性:用来设置当前网站访问者的鼠标在表单上的任意位置停留过几秒钟的时候,浏览器用黄色小浮标显示的文本(如表单的名称或描述)。
enctype属性:指示浏览器使用哪种编码方式将表单数据传给www服务器。该属性可以有两种取值:application/x-www-form-urlencoded和multipart/form-data。默认为第一种。第一种为浏览器在递交字段元素时会将字段值中特殊字符进行URL编码处理然后在提交给服务器。第二种为利用表单向服务器上传时使用。
当填写完表单后,按递交按钮,浏览器会将表单内容提交给web服务器,web服务器会返回处理结果。
表单字段元素:
<input type="submit">提交按钮,所有表单至少有一个递交按钮。value属性设置值为按钮显示的内容。
<input type="reset">重置按钮,表单中所有元素被设置成初始值。value设置值为按钮显示的内容。
<input type="text">创建单行文本输入区域。size属性可设置文本宽度。maxlength属性为最多输入个数,readonly属性其值不能在浏览器中改动。disabled属性这个文本不会提交给web服务器。value属性可设置初始显示内容。
<input type="checkbox">复选框按钮,checked属性设置初始显示时选中,value是复选框被选中的时候,这个表单元素所代表的结果值。
<input type="radio">单选按钮,将几个按钮的name设置成相同的值,这几个单选按钮就构成了一个组,一组中只能有一个被选中。value值应该各不相同。
<input type="hidden">创建一个隐藏的字段元素,浏览器不会显示这个隐藏的元素,但当用户提交时,浏览器会将这个字段元素的name和value值发送给服务器,可在表单中预示某些要传输的信息。
<input type="password">密码区域,输入字符显示为"*"让文本内容不可见,对于有提交密码区域的表单,提交方式最好设为"POST".
<input type="button">可创建一个普通类型的按钮,通常于某种脚本程序相联系,用来告诉浏览器当访问者单击这个按钮时去执行怎样的脚本程序代码,本身没有提交和重置按钮等功能。
<input type="file">创建一个文本输入框和一个浏览按钮,供用户选择上传到服务器的文件名,实现了通过浏览器向服务器上传文件。设置<form method="post" enctype="multipart/form-data">;
<input type="image">可以在表单上,创建一个图象元素,图象的原文件由src属性来指定,没有value属性。该图象可以代替提交按钮,单击该图象,表单当中的内容,和鼠标单击的x,y坐标传递给服务器。
<select></select><option></option>创建一个下拉列表框或是一个复选列表框。
<select>的属性:multiple表示可选择多个选项。size设置在列表框中可以看见的选择数目,默认为1,大于1时为复选列表框。
<option>标签对必须嵌套在<select>标签对之间。表示创建一个选择项。value属性,value的值会与<select>name的值一起作为参数名和参数值传递给web服务器。如不设置value则将<option>显示文本作为参数值传递给web服务器。selected属性,指定浏览器在刚开始显示这个列表框或reset按钮重置时列表框中自动选择哪几个选项,可设置一个value=" "实现无选择状态。
<textarea></textarea>创建一个能输入多行文本的输入框,属性:cols指定列熟,roes指定行数,以字符为单位。
<label></label>设置快捷键for属性的设置值要与表单元素中所设置的id值相同,accesskey设置了要指向表单元素的快捷键。

头元素
头元素指位于<head></head>标签对之间的元素,主要包括:<title></title>标签对,<base>标签,<link>标签,<meta>标签。
<title></title>主要指定网页的显示标题。
<base>标签,指定网页超连接的基准地址,以改变网页中所有使用相对地址的URL的基准地址。
<base>标签通常的使用形式如下:<base href="http://www.it315.com/techworld/" target="_blank">
作用:
1 href属性设定该网页中所有使用HTTP协议的相对URL地址的基准地址,若网页中有如<a href="index.html"></a>这样的超连接,它不会再象没有用<base>标签时那样表示当前网页相同目录下的index.html,而是指向了http://www.it315.com/techworld/index.html页面。
2超链接的target属性用于设定该网页中所有的超链接显示窗口的目标窗口,在<base>标签中设定target属性,可不用在所有的超链接的<a>标签中都加上target属性。

<link>标签定义了当前文档和另一个文档或资源之间的关系。几个主要属性有:
HREF属性:指包含有另外一个文档或资源的URL地址(必选)
REL与REV属性:定义了link所链接的两个资源的关系类型(两者有一)
TITLE属性:说明了来两个链接资源的关系,也可以是描述目标资源的字符串(可选)
TYPE属性:目标资源的MIME类型,例如 TYPE="text/css",TYPE="text/javascript"/
MEDIA属性:用于指定目标资源被接受的介值或媒体,设置值为:svreen,print,projection(投影机),aural(扬声器),braile(凸质触觉感觉器),tty(电传打字机),tv(电视机),all(所有设备)。
REL:表链接源在当前文档中定义,这时href属性定义了链接目标。
REV:表链接目标在当前文档中定义,这是href属性定义了链接源。
REL与REV的取值:
  contents指定这个链接所指向的文档,将作为表格的内容出现。
  index指定这个链接所指向的文档中,提供了一个当前文档的索引。
  Glossary指定这个链接所指向的文档中,提供了一个当前文档的词汇表,
  Copyright指定这个链接所指向的文档是当前文档的版权语句。
  Next这个链接指向的是一个文档系列当中的下一个文档。
  Previous这个链接指向的是一个文档系列当中的上一个文档。
  Start这个链接指向的是一个组合文档中的第一个文档,可以告诉搜索引擎哪个文档是组合文档的第一个文档。
  Help 这个链接指向的文档是一个对当前文档有帮助的文档。
  Bookmark这个链接指向的是当前文档的书签。
  Stylesheet这个链接指向的是当前文档的外部样式表文件。例如<link REL="stylesheet" TYPE="text/css" HREF="URL">这说明HREF所指定的URL是用于控制当前网页文档的样式,而且这个URL地址所指定的资源是一个css样式表文档。
  Alternate:说明链接指向的是当前文档的一个不同版本的文档,通常与language一起用表不同语言的版本。
  Shortcut Icon这个链接所指向的是一个图标,这个图标将显示在浏览器的地址栏和收藏夹列表中的URl地址前替换掉浏览器默认图标.例如<link REL="shortcutIcon" href="favicon.ico">

<meta>标签
有两种类型的<meta>用不同属性名来划分,这两种属性名为:name和http-equiv
<meta name="某个设置值" content="对该设置值进行具体补充说明的信息">
<meta http-equiv="某个设置值" content="对该设置值进行具体补充说明的信息">
name属性用于在网页中加入一些关于网页的描述信息,例如,网页的关键字,可供网页搜索引擎查找,分类。
http-equiv属性用于在HTML文档中模拟HTTP协议的响应消息头,例如,告诉浏览器是否缓存该页面,使用什么样的字符集显示网页内容,隔多长时间自动刷新网页等等。
name属性设置:
  KeyWords:作为关键字告诉搜索引擎,关键字用它的content属性来设置。例如<meta name=keywords content="java,vc">;
  Description:告诉搜索引擎,content的内容是对网页的描述,添加到搜索当中。链接字段下面的简要描述信息,不设置则显示的是网页开头的几行。
  Robots:告诉搜索引擎根据其content值来决定其行动方式,设置值有:index(可以检索和收录页面),noindex(不检索和收录页面),follow(顺着页面的超链接继续往下查找),nofollow(不顺着页面的超链接继续往下查找),all(包含index,follow),none(即不包含index,也不含follow).
  Generator:说明编辑该网页所使用的编辑工具名称。
  Author:作者信息。
  Copyright:版权信息。
http-equiv属性设置:
浏览器将按web服务器的响应方式处理
content-Type:用来说明网页文档的MIME类型,以及文本内容所使用的字符集编码,例如<meta http-equiv="Content-Type" content="text/html;charset=gb2312">;
Refresh头用来剥离http响应消息Refresh头的作用。用于告诉浏览器在一个指定的时间段以后自动刷新当前网页或自动跳转到另外一个网页上。例如<meta http-equiv="Refresh" content="1'url=http://www.it315.org">告诉浏览器打开当前网页1秒后,自动打开www.it315.org.如不设置,则自动刷新当前网页。
Expires头用来模拟http消息的Expires响应消息头,设置网页到期时间,用于指定网页在浏览器缓存中保持的时间,content属性值是GMT时间格式,例如<meta http-equiv="Expries" content="Mon,12 May 20001 00:20:00 GMT">将content设为0可以禁止浏览器,使用缓存页面。
Windows-Target强制某个页面在某一个固定窗口中显示,例如,要防止自己的网页被别人当作一个frame页面调用,可以使用<meta http-equiv="Windows-Target" content=""_top">.
Pragma头可以禁止浏览器在本地计算机上缓存当前页面。<meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-Control" content="no-cache">
Page-Enter和Page-Exit用于设置浏览器刚进入某个页面或者离开某个页面的时候所采用的特殊显示效果。<meta http-equiv="Page-Enter" content="revealTrans(Transition=23,Duration=1.000)">

分区标签
<div></div>区域标签,用于将若干相邻的html元素组合成一个区域块,对区域块进行设置和操作就相当与对其当中所有元素的设置和操作。<div>标签可以用来组合其他的HTML元素,但不能嵌套在段落元素中。例如:<p>aa<div>bb</div>cc</p>的结果是不确定的。
<span></span>本身没有任何意义,专用于css样式表和客户端脚本编程中用来在同一行文本当中选取一个片段,例如:将"zhangsan"单独选取前半部分<span>zhang</span>san。
分享到:
评论

相关推荐

    张孝祥html视频教程

    教程名称: 张孝祥html视频教程【】HTML语言基础01-02视频教程【】HTML语言基础03-04视频教程【】HTML语言基础05-06【】HTML语言基础07-08【】HTML高级部分01_02【】HTML高级部分03【】HTML高级部分04【】HTML高级...

    李东风-R语言高级技巧20141028更新

    北京大学李东风的R语言使用技巧汇编,内容包括:一些数学函数如fft的具体定义,目录和文件管理,Excel表读写,生成LaTeX表和HTML,数据框变形,统计回归、神经网络、时间序列分析,作图和tcltk,字符串处理和正则...

    JavaScript_高级编程

    JavaScript一种直译式脚本语言,是一种动态...它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

    js高级程序设计第三版

    全书从JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向对象编程、Ajax 与Comet 服务器端通信,HTML5 表单、媒体、Canvas(包括WebGL)及Web Workers、地理定位、跨...

    JavaScript高级程序设计第3版带书签中文完整版文字版

    《JavaScript高级程序设计(第3版)》主要内容包括:  对JavaScript实现各个组成部分的详尽解读;  对JavaScript面向对象编程的全方位阐述;  对DOM、BOM及浏览器事件模型的透彻剖析;  Web应用基本数据格式JSON...

    Python全栈工程师培训 初、中、高级+项目 4大部分全套

    高级开发 Mysql SqlAlchemy 阶段项目实战 HTML/CSS/JS jQuery 阶段项目实战 BootStrap AngularJS Web框架 Django 阶段项目实战 Tornado Flask Web.py Bottle 阶段项目实战 爬虫 缓存 阶段项目实战 消息队列 分布式...

    Py.Html:基本HTML语言分隔语言,零分隔语言

    Py.Html文档使用python技术...环境与道路开始项目编辑HTML代码现在,使用Py.html编辑HTML代码更少的代码,更多的功能第二部分:高级模块创建CSS并链接到HTML HTML fol标签的基本命令&lt;链接&gt;创建手动配置CSS支持CSS

    js高级程序设计第三版(高清中文含源码压缩)JavaScript 超级畅销书的最新版

    全书从 JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向 对象编程、Ajax 与 Comet 服务器端通信,HTML5 表单、媒体、Canvas(包括 WebGL)及 Web Workers、 地理定位...

    非常简单的Html编缉器

    而且,有些编辑器还具有脚本编写功能,如Dreamweaver,支持Javascript,VBscript,PHP和Perl等脚本语言,并对连接数据库等高级服务器行为提供支持。而整个过程,用户不必写一句代码,就可做出功能复杂,界面精美的网页...

    ASP3《高级编程》(第一部分)

    ASP 3高级编程 英文原书名: Professional Active Server Pages 3.0 作者: Richard Anderson Chris Blexrud 译者: 刘福太 张立民 金慧琴 梁发麦 书号: 7-111-07678-8 页码: 925 定价: ¥89.00 会员...

    HTML-CSS-JavaScript范例应用配套光盘17a

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘22b

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘1.3.4

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘2b

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘6.7.8

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘17c

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘17b

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘2a

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘9-13

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

    HTML-CSS-JavaScript范例应用配套光盘16.18-21.23.24

    本书是JavaScript范例应用丛书之一,是一部关于网页设计的技术指导用书,全书分为HTML语言、CSS语言篇、Javascript语言篇和综合应用篇四个部分详细介绍了网页程序设计的基本知识,适合网页设计人员参考学习。

Global site tag (gtag.js) - Google Analytics