HTML基本语法课件.doc

附录 HTML的基本语法 · PAGE 11· 精品 Html的基本语法 1.1 Html概况 1.1.1 什么是Html Html英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。是所有的internet站点的共同的语言，所有的页面都是以Html格式的文件为基础，再加上其他语言工具（例JavaScript、VBScript等）构成。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台。 Html文件扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。Html语言使用标签对的方法编写文件，它通常使用标签名/标签名来表示标签的开始和结束。在Html文档中这样的标签对一般是成对使用的。 1.1.2 为什么要学习Html 通过前面的学习我们知道，Micromedia公司的Dreamweaver是“所见即所得”的网页制作工具，使用它可以直接开发网页，而不用费劲的书写代码，这使得用户在没有Html语言基础的情况下，照样可以设计网页，而相应的Html文档由开发工具自动编写，这是网页图形编辑工具的最大优点，同时也是它最大的不足。受到图形编辑工具自身的约束，将产生大量的垃圾代码。所以，我们应该在掌握图形编辑工具的基础上进一步学会HTML语言，从而知道哪些是垃圾代码，消除无用的代码，制作出高质量的网页。 1.2 Html文档的结构 超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 HTML HEAD 　　头 部 信 息 /HEAD 　　　BODY 　 　　　　文 档 主 体， 正 文 部 分 　 　　/BODY /HTML 其中HTML在最外层，表示这对标记间的内容是HTML文档。我们还会看到一些网页省略HTML标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。HEAD之间包括文档的头部信息，如文档总标题等，若不需要头部信息则可省略此标记。BODY 标记一般不能省略，它表示正文内容的开始。 下面是一个最基本的超文本文档的源代码： HTML HEAD TITLE网页标题/TITLE /HEAD BODY H3欢迎光临我的主页/H3 BR HR 这是一个我的第一个网页 /BODY /HTML ━┓ 　┃ 文件头 ━┛ ━┓ 　┃ 　┃ 　┃ 　┃文件体　┃ 　┃ ━┛ 1.3 标签的格式 1.3.1 标签的作用 HTML标签是组成HTML文档元素，每一个标签描述了一个功能。HTML标签两端有两个包括字符：“”和“”，这两个包括字符被称为角括号。HTML标签一般成对出现，比如table和/table。无斜杠的标签的为开始标签，有斜杠的为结束标签，在开始和结束标签之间的对象是元素内容。如table表示一个表格的开始，/table表示一个表格的结束。HTML标签是大小写无关的，但我们习惯用小写。 1.3.2 标签的分类： 标签分为单标签，双标签两种。 单标签：只需单独使用就能完整地表达意思，这类标记的语法是： 　　 标签名称 　　 最常用的单标签是BR, 它表示换行。 双标签：它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： 　　　　标签 内 容/ 标签 其中“内容”部分就是要被这对标记施加作用的部分 1.3.3 标签的属性： 为了增强标签的功能，许多单标记和双标记的始标记内可以包含一些属性，其语法是： 　　标签名字 属性1=“属性值1” 属性2=“属性值2” 属性3=“属性值3” … 各属性之间无先后次序，属性值应该被包含在引号中，常用双引号，但是单引号也可以使用，在有些情况下，比如说属性值本身包含引号，就得使用单引号。 比如：name=John ShotGun Nelson。 注意：中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号，属性也可省略（即取默认值）。 1.4 基本标签 1.4.1 html/html 用于创建Html文档 html标签用于Html文档的最前边，用来标识Html文档的开始。而/html标签恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，这对标签必须成对使用。 1.4.2 head/head head和/head构成Html文档的头部分，在此标签对之间可以使用title/title、script/script等标签对，这些标签对都是描述Html文档头部信息的标签对，head/head标签对之间的内容是不会