第2章 JSP页面制作基础37288.pptVIP

信息技术系 秦学礼 第2章 JSP页面制作基础 HTML语言的基本语法 1 HTML 2 HTML的文档结构标记 3 页面文本的排版标记 4 Table表格 5 文件之间的链接 6 多窗口页面（Frame） 7 表单 （FROM) 8 其他标记 1 HTML 万维网( World Wide We b，W W W )起源于设在瑞士的C E R N实验室。Tim Berners-Lee及其开发小组，花费大量的时间，研究建立了一种以一定格式传输信息的方法，这就是众所周知的超文本传输协议(简称为H T T P )。该协议使用了超文本标记语言( H T M L )。 H T M L设计简单，结构灵活，允许在We b浏览器及其他兼容的应用程序中显示文本及图像。文档的某些部分可以成为超链接，即当其被选择时，可以显示不同的页面或同一页面的不同部分。 HTML 标记语言是由特定字符分隔的基本元素，指定基本元素中所包含的文本或其他条目如何显示。例如EMThis is some Emphasized text/EM。 H T M L是一种广泛基于标准通用标记语言(Standard Generalized Makeup Language，S G M L )的标记语言。S G M L是描述语言的一种方法，其本身并不是用来创建网页的语言。 什么是HTML文件？ HTML文件是能被网络浏览器读取、运行生成网页文件。这些HTML文件存储在分布于世界各地的计算机的硬盘上，而传输协议能把这些文件从一台计算机传输到另一台计算机。 HTML标记 HTML不是一种编程语言，而是一种描述性的标注语言。 是用标记符定义HTML文档的功能和信息。 浏览器读入HTML文档后按规则解释文档中的标记，执行相应的动作。 2 HTML的文档结构标记 HTML文档可以自己编写。 HTML文档可以用编辑器（FRONTPAGE、DREAMWEAVER)生成。 HTML标记包含在一对中。 HTML标记是成对出现（少数例外）。 极少数标记单独出现，如：BR(换行). 标记不区分字符的大小写。 HTML文档的扩展名：htm/html HTML文档是一个纯文本的，可用任何编辑工具编辑。 HTML的文档结构 HTML HEAD TITLE欢迎同学们/TITLE /HEAD BODY 同学们下午好! /BODY /HTML HTML 标记 HTML …. /HTML 一个页面的开始。 不一定是一个文件的开始，文件开始有初始化代码。 /HTML不一定是文件的结尾，后面可能还有其他JSP代码。 HEAD 标记 HEAD … /HEAD 页面的第2层标记。 包含标题信息。 必须在BODY标记开始之前结束。 TITLE 标记 TITLE … /TITLE 页面的名称。标题 title 元素含有你的文档标题并且作为一种全局上下文识别其内容. 标题通常显示在浏览器窗口的某个位置 (通常显示在浏览器的左上方), 而不是在文本区. 标题的选择应当是描述性的, 独特的和相对简洁的。 TITLE 标记 这是出现在浏览器左上角的文字，它是一个网站最先被访问者看到的信息。同时，许多搜索引擎在INTERNET上自动进行网站搜索时所记录下来的就包括了页面标题，关键字等。因此，页面标题对于网站的推广，增加访问者对网站浏览的兴趣有很大的帮助。可在网站的主页面添加标题信息。 META标签 使用META标签是简单而且有效地宣传网站的方法。不需要去搜索引擎注册就可以让客户搜索到您的网站。将下面这段代码加入到网页…标签中。 meta name=”keywords” content=”网站名称，产品名称… …”content里边填写关键词。 网站描述 网站描述出现于搜索引擎的查找结果中。它很大程度上决定了访问者是否能够通过搜索引擎的查找结果来访问您的网站。因此，网站描述应当覆盖了关键字所定义的范围，并且有所侧重，突出网站重点，加重描述语句对访问者的吸引力。应当提取出20个左右最重要的关键字，根据实际工作中用户最关心的信息和网站所要重点提供的信息，仔细地编写一段包括空格均不超过250字的描述文字。 提高网站的排名 关键词最好要大众化，跟企业文化、公司产品等紧密相关。并且尽量多写一些。比如公司生产的是电冰箱。您可以写：电冰箱，家电，电器等等。尽量将产品大类的名称都写上去。另外名称要写全，比如“电冰箱”不要简写“冰箱”。特别是一些英文单词，切记要在某些关键词后面加”s”。比如refrigeratoràrefrigerators。这里有个技巧，您可以将一些相对关键的词重复，这样可以提高网站的排名。 BODY 标记 BODY…/