JSP动态网页设计技术教程 第2章 HTML和JavaScript.ppt

第2章 HTML和JavaScript 学习提要 了解网页的工作机制 了解HTML文本的基本结构 掌握使用HTML注释及各种标签 掌握如何创建表格 掌握如何设计表单 了解HTML中其他标记 掌握对JavaScript语言中常用语句的使用 掌握使用对象和事件 2.1 HTML语言 HTML是HypeText Markup Language的缩写，意思是“超文本标记语言”，用它编写的文件的扩展名是.html或.htm。HTML是一组用来表示数据显示格式的标签，并由浏览器负责解析和处理。开发者可以使用记事本或类似UltraEdit、Frontpage等网页编辑器来编写HTML文件。现在的Web网页，大都是使用HTML格式。 2.1.1 HTML注释 HTML中的注释格式为： !—注释内容-- 使用该方法注释的内容在客户端浏览器中是看不到的，但可以通过察看HTML源代码看到注释内容。 带有JSP表达式的注释，注释格式： !—comment%=expression%-- 2.1.2 HTML文本的基本结构 HTML语言使用成对的标签方法编写文件，通常使用标签名/标签名来表示标签的开始和结束。 HTML中几个主要标签： html 和/html标签 head和/head标签 title和/title标签 script和/script标签 style和/style标签 body和/body标签 2.1.2 HTML文本的基本结构 HTML文本构成如下： html开始标签 head头标签 title标题标签/title script…/script style…/style /head body主体标签 …… /body /html结束标签 2.1.3 文字格式标记 在显示文本类信息内容时所用的文字格式标记统统都要用在body/body标签对之间。 常用标签对的使用方式及示例详见本书P22~P25（例程2-1~2-3）。 2.1.3 文字格式标记 常用标签对： 段落标签p/p 换行标签br/ 缩排标签blockquote/blockquote 无序号列表标签dl/dl、dt/dt、dd/dd 有序号列表标签ol/ol、ul/ul、li/li 标记标签div/div 2.1.4 文字版面标记 有关文字字体的设置等的文字版面标记 ： 预格式化标签pre/pre 文字标题标签h1/h1……h6/h6 文字格式标签b/b、i/i、u/u 文字风格标签tt/tt、cite/cite、 em/em、strong/strong 字体标签font/font 具体使用方法详见本书P25~P27。 2.1.5 创建表格 表格标志对于制作网页是很重要的，现在很多网页都是使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置。 创建表格常用的标签： 初始化表格标签table/table 行列标签tr/tr、td/td 表格头标签th/th 具体使用方法详见本书P27~P29。 2.1.6 设计表单 表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。一般是将表单设计在一个Html文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容