基本的体部标记包括<body>、文字显示、段落控制、设置图像、超链接、列表、预定义格式等。<body>,</body>标记表明HTML文件体部的开始和结束。例如:表3-1 <body>标记属性表(续)文字显示标记的属性主要有字体、字号、颜色;段落控制标记控制显示对象的分段。建议使用块容器标记<div>进行换行。......
2023-11-19
头部标记包括:
<meta>标记的属性有:HTTP-EQUIV、NAME和CONTENT,CONTENT要与HTTP-EQUIV或NAME配合使用。
1.HTTP-EQUIV
HTTP-EQUIV:HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV属性值有:
(1)Content-Type
设定页面使用的字符集。例如:
该Meta标记定义了HTML页面所使用的字符集为GBK,就是在GB2312-80标准基础上的内码扩展规范,使用了双字节编码方案。如果将其中的“Charset=GBK”替换成“BIG5”,则该页面所用的字符集就是繁体中文Big5码;文件的MIME类型是text/html类型,也就是超文本文件。
(2)Refresh
让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其他网页。例如:
(3)Pragma
设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出。例如:
(4)Set-Cookie
cookie设定,如果网页过期,存盘的cookie将被删除。必须使用GMT时间格式。例如:
(5)Expires
设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。必须使用GMT的时间格式。例如:
2.NAME
NAME:NAME是描述网页的,对应于Content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。常用的NAME属性值有:
(1)Keywords
为搜索引擎提供的关键字列表。例如:(www.chuimin.cn)
各关键词间用英文逗号“,”隔开。Meta通常用处是指定搜索引擎搜索的关键词。当数个Meta元素提供Lang从属信息时,搜索引擎会使用Lang特性来过滤并显示搜索结果。例如:
(2)Description
Description用来告诉搜索引擎你网站的主要内容。例如:
搜索引擎派出机器人自动在www上搜索,当发现新的网站时,便检索页面中的Key-words和Decriptio n,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。如果页面中根本没有Keywords和De scription的Meta标签,那么机器人是无法将你的站点加入数据库,网友也就不能搜索到你的站点。
(3)Auth or
标注网页的作者。例如:
(4)Copyright
标注版权。例如:
以上是已经定义好的一部分Name的值。还可以指定其他任意值,如:
使用“记事本”输入如下E_head_1.htm程序并存放在应用目录webapps/ROOT下的E9目录中:
E_head_1.htm:
头部标记的使用:
在浏览器地址栏中输入:http://192.168.2.1:8080/E9/E_head_1.htm,则浏览器窗口显示如图3-1所示。
图3-1 E_head_1.htm
基本的体部标记包括<body>、文字显示、段落控制、设置图像、超链接、列表、预定义格式等。<body>,</body>标记表明HTML文件体部的开始和结束。例如:表3-1 <body>标记属性表(续)文字显示标记的属性主要有字体、字号、颜色;段落控制标记控制显示对象的分段。建议使用块容器标记<div>进行换行。......
2023-11-19
如果多个HTML文件要共用一个样式表,可将样式表定义为一个独立的样式表文件。样式表文件仅仅由样式定义组成,不能含有任何像<HEAD>或<STYLE>这样的HTML的标记。“E_css_2.htm”程序中引用了两个样式表文件style1.css和style.css,演示了样式表引用的4种方式并在HTML的注释“<!--”“-->”中进行了说明。使用“记事本”输入下面“style1.css”和“style.css”的内容,存放在应用目录“we- bapps/ROOT/E19/css”中。style1.css:style.css:E_css_2.htm:图3-11 样式表的引用......
2023-11-19
获取页面标记的文档对象后即可通过对象操作它的属性。例如,如果有下列HTML标记:则JS获取该标记的对象的语句如下:在IE中,也可将HTML标记的id属性的值直接作为它的对象名使用。E_29.htm:图3-21 控制页面标记的显示样式......
2023-11-19
登录程序中使用验证码是为了进一步防止黑客侵入系统。“login.jsp”中,语句用来显示验证码的图像,图像文件是“image.jsp”。“image.jsp”程序用语句“response.setContentType;”告诉客户端要接收的文档MIME类型为“image/jpeg”,然后在服务器的缓存中生成一幅有4个字符验证码的图像并发送到客户端。在浏览器地址栏中输入http://192.168.2.1:8080/E40/login.jsp进入登录页面,输入正确的验证码后单击“登录”按钮后显示的页面如图4-8所示。图4-8 验证码的生成login.jsp:image.jsp:checkLogin.jsp:......
2023-11-19
语句“session.setAttribute;”将属性名“NAME”和值“表单中的数据传递给Servlet”设置给session对象。<form>表单中,用get方法向Servlet程序“loginServlet.java”提交数据,因为“form.jsp”程序保存在应用目录“Webapps/ROOT”下的子目录“E47”中,要退回应用目录下,再按照“web.xml”文件中的配置“<servlet-mappingurl-pattern="/servlet/*"servlet-name="invoker"/>”确定它的URL调用形式是:“../servlet/test.loginServlet”。E47.jsp:Servlet程序“loginServlet.java”用于响应“E47.jsp”的表单请求。图4-16 通过<form>表单向Servlet提交数据......
2023-11-19
如果这一过程未完成,请参考实训6的最后部分,完成“ojdbc6.jar”文件的复制,否则,不能存取Oracle数据库。使用“记事本”输入“conOracle.java”程序并存放在“Webapps/ROOT/WEB-INF/classes/test”目录中:conOracle.java:“index.htm”是一个框架,它将页面分割成两行:第一行执行“title.htm”程序,显示一行标题;第二行执行“fMain.htm”程序。“save.jsp”响应“dataInput.jsp”的请求,使用JavaBean程序“conOracle.java”完成与数据库的连接,获取“dataInput.jsp”中表单传来的数据,存储到db_student库的student表中。......
2023-11-19
Servlet程序的编写、部署firstServlet.java是一个简单的Servlet程序,因为它是HttpServlet类的子类。存放Servlet程序的根目录是在“conf/app-default.xml”配置文件中配置定义的,可参考“实训5——Resin下载、安装、启动与配置”中的“Servlet程序的存放路径配置”。使用“记事本”输入“firstServlet.java”程序并存放在应用目录“Webapps/ROOT/WEB-INF/classes/test”中。图4-15 一个简单的Servlet程序在“resin-web.xml”或“web.xml”文件中,标签<servlet>要先于标签<servlet-mapping>定义。该路径下,甚至是在“.jar”中的serv-let都会在不觉察的情况下被调用。......
2023-11-19
不同的浏览器对声音、动画以及视频的处理方式是各不相同的。以.swf为扩展名的视频文件是Shockwave格式的视频文件。仅有IE支持该标记。W3C推荐使用<object>标记来播放Flash动画、音乐和视频等媒介类型。播放flash动画其中,classid的值“clsid:D27CDB6E-AE6D-11cf-96B8-444553540000”唯一指定使用flash播放器;width="400"和height="40"表示flash画面的宽高;codebase的值表示,如果未安装flash播放器的话去下载的站点。......
2023-11-19
相关推荐