HTML代码编辑及优化.ppt

第六章 HTML代码编辑与优化 6.1 HTML语言基础 HTML是目前网页制作中应用最为广泛的语言，也是构成网页文档的主要语言。常见的静态网页实际上就是用HTML语言编写的命令代码文档 6.1.2 HTML基本语法和结构 HTML用标签来规定元素的属性和它在文档中的位置。HTML的标签分为单独出现的标签和成对出现的标签两种。大多数标签是成对出现的，由起始标签和终止标签组成。起始标签的格式为元素名称，终止标签的格式为/元素名称。元素内容位于起始标签和终止标签之间。 HTML文档的结构如下 html head 头部 /head body 主体部分 /body /html html…/html表示开始标签和结束标签。 head…/head用于定义头部信息，可以包含标题（title）、媒体环境（meta）等说明信息，客户端脚本也可放在这一部分。 body…/body用于定义网页主体部分。它也有一些属性，形式为： body bgcolor =#rrggbb text=#rrggbb link=#rrggbb alink=#rrggbb vlink=#rrggbb 其中，bgcolor表示背景颜色，text表示非链接文字的颜色，link表示链接文字的颜色，alink表示正被单击的链接文字的颜色，vlink表示已经单击（访问）过的链接文字的颜色。 使用背景图像的语法为： body background=图片url 在编辑HTML文档的标签时，需要注意以下几点： “”和“”是所有HTML标签的开始和结束，标签要用尖括号括起来，结束标签是在开始标签前加“/”，如html/html。 HTML标签之间可以相互嵌套。 在源代码中HTML标签不区英文字母的大小写，例如，BODY、body和Body都正确。 在源代码中回车符不起作用，为使代码易于维护，建议不同的HTML标签独占一行，使用缩进风格。 HTML标签中可以设置相应属性，对于标签中的属性值，一般可以不加引号（），只有当属性值中包含空格或一些其他符号时，引号才是必须的。 6.1.3HTML常用标签 通常把HTML文档分为文档头部和文档主体两部分。文档主体部分是指在Web浏览器窗口中显示的内容，而文档头部用来规定该文档的标题以及文档的相关信息。 由head标签所定义的元素，并不放置网页的任何内容，而是放置关于这个HTML文档的信息，它描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及与其他文档的关系等。这些信息大部分是用于提供索引、辨认或其他应用。头部标签的语法格式如下： head头部标签内容/head 可用在头部的标签有base、link、meta、script、style和title。 如果HTML文档并不需要提供文档相关信息时，可以省略head标签。 实例程序源代码如下： html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / meta http-equiv=Content-Language content=zh-cn / title头部包含的内容不会显示在文档区/title /head body p这段文本会显示出来。/p /body /html 标题标签title用于设置HTML网页的标题，标题将显示于浏览器的标题栏中，其语法格式如下： title网页的标题/title title标签必须定义在head…/head之间，一个HTML文档只有一个标题。 HTML标题标签实例程序源代码如下： html head title网页标题/title /head body /body /html 元信息标签 元信息标签meta的作用是提供文档的元信息。常用于提供与浏览器或有哪些信誉好的足球投注网站引擎相关的信息，例如，描述文档的内容、关键字以及作者信息等。 meta位于文档的头部，属于单独标签，不包含任何内容，可以在头部标签中使用多次。meta标签有http-equiv和name等可选属性。 1．name属性 name属性主要用于描述网页，与之对应的属性content中的内容主要是便于有哪些信誉好的足球投注网站引擎查找和分类的信息。meta标签的name属性的语法格式如下： meta name=参数 content=具体的参数值 其中，name属性主要有以下几个参数： keywords（关键字）：用来告诉有哪些信誉好的足球投注网站引擎网页的关键字。 description（网站内容描述）：用来告诉有哪些信誉好的足球投注网站引擎网站的主要内容。 author（作者）：标注网页的作者。 2．http-equiv属性 meta标签的http-equiv属性相当于http的文件头，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容