第2章 HTM的基础知识.ppt

* 第2章 HTML基础 目录 2.1 认识网页——HTML文件 2.2 HTML介绍 2.3 HTML文件的构成 * * 2.1 认识网页-一个HTML文件 打开一个网页 点击“查看”－“源文件”菜单，弹出一个记事本文件。 不管网页多么复杂，都是由这些写在记事本中的HTML代码写成的。 * * 2.2 HTML介绍 起源：1989年英国Tim-Bermers Lee 研制开发的。 HTML: HyperText Markup Language的缩写，中文称为“超文本标记语言”。 根据HTML语法所写出来的文件称为HTML文件。在保存HTML文件时，需保存为纯文本文件，并用.html或.htm作为扩展名。 * 2.2 HTML的介绍 HTML是一个文本文件，所以可以使用任何一个文本编辑器进行编写，通过浏览器来解释执行。 HTML文件是运行在浏览器上的。在使用浏览器运行HTML文件时，只需在地址栏中键入文件的URL即可。 HTML文件的优点是其跨平台性。即任何可以运行浏览器的计算机都能阅读并显示HTML文件，不管其操作系统是什么，并且显示结果相同。 * 2.3 HTML文件的构成 网页的代码逻辑上可以分成两部分： 头部信息， 头部信息放在“ head ”与“＜head ”标签之间。 放置关于此HTML文件的信息，如提供索引，定义CSSy样式等。头部内容不在网页中直接显示，通过其他方式显示。 标签“title”——定义网页标题。的内容在网页标题栏显示。 主体部分， 这部分内容是网页中的正文部分，直接显示在网页页面中。 用双标签： “ body ”和“＜/body ”把这一部分标签出来。 * 这两部分代码都包含在“ html ”与“＜/html ”之间，以表示该标签里的内容为 HTML 。 * html /html head /head 头部信息 body /body 主体部分 2.4 HTML语言结构 HTML网页是由标签和文本两部分组成的。 标签： 标签本身不在网页中显示出来，用于组织文件的内容和指导文件的输出格式的作用。 绝大多数标签是“容器”， 即它有起始标记和结尾标记。一般用“ “括起来。 如 head 文本在起始链接签和结尾链接签中间的部分是元素体就是文本，将显示于网页的主体上面。 * * 编写自己的第一个网页 打开记事本，输入一下内容： html headtitle欢迎光临我的第一个网站！/title /head body 这是我的第一个网页！！br /body /html 文件 ——保存，输入文件名1.htm或者1.html 从资源管理器中找到这个文件，双击打开 标签的种类 单标签 有些标签单独使用就能发号施令，控制网页的效果。如“ br ”就是一个最常用的单标签，它表示换行。 双标签 大部分标签必须成对使用，由“始标签”和“尾标签”两部分构成。 如“ html和/html就是一对成对出现的双标签，缺一个标签就无法执行。 * 标签的种类 始标签 告诉web浏览器从此处开始执行该标签所表示的功能。 尾标签 告诉web浏览器在这里结束该功能。执行一般结束标签的形式是在开始标签前面加上一斜杠。 * * 标签属性 每一个标签的开始标签都有名称和可选择的属性，标签的名称和属性都在起始链接签内标明。 属性语法： 标签 属性1 属性2 属性3 ….. 如“ hr size = 2 align = left width=”75 % , 标签hr”表示在文档当前位置画一条水平线。 在里面加上一些属性来控制水平线的样式， 如“ size = 3 ”表示水平线的粗细为 3 像素， “align = left ”表示对齐方式为左对齐。 * 编写HTML语言应注意的规范 所有标签都要用 括起来。 成对出现的标签，最好同时输入起始标签和结束标签。 代码不区分大小写，如head与HEAD都可以。 标签中不要有空格，否则浏览器可能无法识别 title 与 title不一样。 标签的属性可以用“”引起来，也可以不引。 hr color = “red”或hr color =red * 2.5 HTML 文件的头部内容 base 设置当前文档的url全称（基底网址） title…/title 设置页面标题 basefont 设置基准文字字体、字号和颜色 meta 定义元信息 link 定义外部文件的链接 isindex 表明该文档是一