第2讲 HTML语言基础.ppt

JSP是在静态的HTML网页文件中加入JSP标记和Java程序片段，所构成JSP页面（.JSP文件）的。 第2章 HTML语言基础 HTML概述 HTML( Hypertext Marked Language，超文本标记语言)： 是一种用来制作超文本文档的简单标记语言。 HTML是一种标记式语言，而不是如C++和Java之类的编程语言，基本上只要明白了各种标记的用法便算学懂了HTML。 任何文本编辑器都可以用来编写HTML网页，包括记事本、写字板、word等编辑软件，但在保持时注意，一定要用扩展名为”.html”的纯文本方式存盘。 在客户端浏览器，可以通过单击菜单[查看]/[源文件]查看浏览器所打开的HTML网页的源代码。 HTML基本结构 案例一：jbgs.html HTML文件以html开头，以/html结尾； HTML文件包括头部head和主体body； 基本结构为： html head title网页标题/title /head body 网页内容 /body /html 常用的HTML语言标记 插入一个水平分隔线 hr 插入一个空行 br 声明文字颜色 font color=/font 声明文件主体，包括所有的文本、图片及文档中其他标记 body/body 声明网页的标题，在HAED的开始和结束标记之间 title/title 声明网页文件头，紧跟在HTML开始标记之后 head/head 声明这个文件是一个HTML文件，在文件的开头为开始标记，在文件的结尾为结束标记 html/html 含 义 HTML标记 常用的HTML语言标记 说明其包含的部分是个超级链接，等号后面是链接内容的URL a href=/a 插入一个图片文件，等号后面是图片文件的URL img scr= 声明其包含部分中的文字使用斜体 i/i 声明其包含部分中的文字使用粗体 b/b 声明一个有序列表 ol/ol 声明一个无序列表 ul/ul 声明一个列表项 li 含 义 HTML标记 （1）所有HTML标记都是由“”号和“”号括住，标记名称不区分大小写。例如：Html、html和HTML表示相同的意思。W3C（World Wide Web Consortium，万维网联盟）在HTML4建议中提倡使用小写标记。 （2）多数标记是成对出现的，一对标记的前面一个是起始标记，第二个是结束标记，在起始和结束标记之间的文本是元素内容。在起始标记的标记名称前加上符号“/”便是结束标记。 例如：html与/html、body与/body。 HTML标记的几点说明 HTML标记的几点说明 （3）有少数标记单独出现，没有配对的结束标记。 例如：JSP动态语言教程br人民邮电出版社 上面语句中，br标记意味插入一个空行，在这里实际上就是换行，即将“JSP动态语言教程”和“人民邮电出版社”分成两行显示。 （4）为了与其他标记相区别，HTML中规定了专门的标记来作为注释标记，注释标记用来在HTML源文件中插入注释。 注释在显示时被浏览器忽略，是不可见的。注释标记以“!--”开头，以“--”结束，如下所示：!-- 注 释 -- （5）很多标记都具有颜色属性，HTML中的颜色可以有两种表示方法：十六进制的RGB格式和在HTML中定义的颜色名称。 RGB格式的表示方式为“#RRGGBB”，其中每一个R、G、B都是一个0～F的十六进制数，分别表示红、绿、蓝三种颜色的深度，从00至FF颜色逐渐加深，00为无色透明，FF为纯色。 HTML中定义的颜色名称通常是一些常用颜色的英文单词， 如red、black、green、blue、yellow等。 例如： font color=#0000ffJSP教程/font font color=blueJSP教程/font 上面的两行代码均将文字“JSP教程”显示为蓝色。 HTML标记的几点说明 在HTML中，标题由标记h1到h6定义。 h1定义了最大的标题元素， h6定义了最小的。 !--标题格式-- html head title 标题格式/title /head body h1标题1 /h1 h2标题2 /h2 h3标题3 /h3 h4标题4 /h4 h5标题5 /h5 h6标题6 /h6 /body /html 案例二：header.html 格式排版-标