第2章HTML概述和基本标记详解.ppt

2.5.4 设置链接文字属性——link 实例：2-13 link.html body text=#000000 link=#FF00FF alink=FF0000 vlink=00FF00 center 设置文字的链接效果 br/br/ a href=#链接文字/a br/br/ a href=#已经访问过的链接/a /center /body 2.5.5 设置边距——margin 页面主体中的margin属性用于定义内容与浏览器边框之间的距离。其中包括上边框和左边框。 语法： body topmargin=“上边距的值” leftmargin=“左边距的值” 默认情况下，边距的值以像素为单位。 实例：2-14 margin.html body topmargin=60 leftmargin=40 设置页面的上边距为60像素 br/ 设置页面的左边距为40像素 /body 2.6 页面注释标记!-- -- 适当的注释可以帮助用户更好地了解网页中各个模块的划分，也有助于以后对代码的检查与维护，添加注释是一种很好的编程习惯。 语法：!-- 注释的文字-- 实例：2-15 注释.html head title注释标记/title /head !--设置边距-- body topmargin=60 leftmargin=40 设置页面的上边距为60像素br/ 设置页面的左边距为40像素br/ !--注释文字不会显示在页面中-- 注释语句是用来帮助用户理解代码、维护代码的。 /body Neusoft Institute of Information 教育创造学生价值 Neusoft Institute of Information 教育创造学生价值 邓敏 dengmin@ 1.HTML概述 最初的网页都是靠编写HTML代码实现的，现在有了很多功能强大的网页编辑软件，如Dreamweaver、Frontpage等，使网页制作变得很简单。但是学习HTML语言还是很有必要的。 1.1 HTML简介 HTML（Hypertext Markup Language）是一种Web网页元素的标记语言规范，称为超文本标记语言。所谓“超文本”，是指页面内可以包含图像、链接、多媒体对象、程序等非文本元素。所谓“标记”，是指它不是程序语言，而是由文字和标签组合而成。HTML文件是纯文本文件，可以由任意文本编辑器编写，文件的扩展名为“html”。 HTML通过IE等浏览器的翻译，将网页中所要呈现的内容、排版展现在用户眼前。 1.2 HTML的发展历史 HTML在初期，为了它更广泛地被接受，大幅度放宽了标准的严格性，导致出现了很多混乱和不规范的代码。这显然不符合标准化的发展趋势，影响了互联网的进一步发展。 为此，相关规范的制定者——W3C（全球万维网联盟）组织，一直在不断地努力，逐步推出新的版本规范。 从HTML到XHTML，大致经历了以下几个版本： HTML2.0:1995.11发布 HTML3.2:1996.1.14发布 HTML4.0:1997.12.18发布 HTML4.01:1999.12.24发布 XHTML1.0:2001.1发布2002.8.1修订发布 XHTML1.1:2001.5.31发布 XHTML2.0:正在制定中 1.3 文档类型的声明 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml …… /html 文档类型声明的作用是，告诉浏览器使用哪种规范来解释这个文档中的代码。 HTML4.01和XHTML1.0分别对应于一种严格类型（Strict）和一种过渡类型（Transitional）。过渡类型是 兼容以前版本定义的，而在新版本中已经废弃的标记和属性。严格类型则不兼容已经废弃的标记和属性。 1.4 HTML的元素与标记 网页文档的结构和格式的定义是由HTML元素来完成的，HTML元素是由单个或一对标记（标签）定义的包含范围。 在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图形等显示方式的符号，例如“html”、“head”、“body”等。 标记在使用时必须用“”括起来，开始标记是指不以斜杠 （/）开头的标记，其内容是一串允许的属性-值对。结束标记则是指以斜杠 （/）开头的标记。 1.5 标记的属性 标记内可以包含一些属性，各属性之间无先后次序，也可以省略（即取默认值）。 其语法是： 标记名称 属性1 属性2 属性3 … 例如： hr size=“3” align=“left” width=“75%” / hr标