JSP动态网页基础教程 教学课件 张晓蕾 第2章 网页设计基础.pdf

第2 章 网页设计基础 第2 章 网页设计基础 2.1 【案例2】诗词欣赏 2.2 【案例3】词曲目录 2.1 【案例2】诗词欣赏 2.1 【案例2】诗词欣赏 2.1.1 HTML的基本概念 1 ．HTML概述 HTML （Hypertext Marked Language ， HTML （Hypertext Marked Language ， 超文本标记语言）是一种用来制作超文本 超文本标记语言）是一种用来制作超文本 文档的简单标记语言。HTML文档是由 文档的简单标记语言。HTML文档是由 HTML元素组成的文本文件，它能独立于 HTML元素组成的文本文件，它能独立于 各种操作系统平台（如Linux ，Windows等） 各种操作系统平台（如Linux ，Windows等） 进行浏览。 进行浏览。 1990年以来，HTML就一直被用作 1990年以来，HTML就一直被用作 WWW （World Wide Web ，万维网）的信 WWW （World Wide Web ，万维网）的信 息表示语言，用于描述网页的格式设计和 息表示语言，用于描述网页的格式设计和 它与WWW上其他网页和文件的链接信息。 它与WWW上其他网页和文件的链接信息。 使用HTML语言描述的文件，需要通过网 使用HTML语言描述的文件，需要通过网 页浏览器显示出效果。 页浏览器显示出效果。 HTML是一切网页实现的基础，在网 HTML是一切网页实现的基础，在网 络中浏览的网页都是一个个的HTML文件。 络中浏览的网页都是一个个的HTML文件。 这些网页中可以包含有文字、图片、动画 这些网页中可以包含有文字、图片、动画 和声音，还可以从当前文件跳转到另一个 和声音，还可以从当前文件跳转到另一个 文件，与网络世界中各地主机上的文件相 文件，与网络世界中各地主机上的文件相 连接，故被称为超文本文件。 连接，故被称为超文本文件。 一个HTML文件通过一些特殊的标记 一个HTML文件通过一些特殊的标记 来告诉浏览器应该如何显示文本、图像以 来告诉浏览器应该如何显示文本、图像以 及网页的背景，这些特殊的标记被称为 及网页的背景，这些特殊的标记被称为 HTML标记。例如，上一章中所见过的 HTML标记。例如，上一章中所见过的 html、body、font等。表2-1 中列出 html、body、font等。表2-1 中列出 了常用的HTML语言标记。 了常用的HTML语言标记。 表2-1 常用的HTML语言标记 表2-1 常用的HTML语言标记 HTML标记 含 义 HTML标记 含 义 声明这个文件是一个HTML文件，在文件的开头为开始标 声明这个文件是一个HTML文件，在文件的开头为开始标 html/html html/html 记，在文件的结尾为结束标记 记，在文件的结尾为结束标记 head/head 声明网页文件头，紧跟在HTML开始标记之后 head/head 声明网页文件头，紧跟在HTML开始标记之后 title/title 声明网页的标题，在HAED 的开始和结束标记之间 title/title 声明网页的标题，在HAED 的开始和结束标记之间 body/body body/body 声明文件主体，包括所有的文本、图片及文档中其他标记 声明文件主体，包括所有的文本、图片及文档中其他标记 font font 声明文字颜色