HTML语言基础知识及使用资料.ppt

HTML语言基础知识及使用 本次课内容： 一、引入新课——网页源文件及考证试题 二、HTML语言 （一）什么是HTML语言 （二）HTML文档的结构 （三）HTML文档的特点 （四）查看HTML文档的方法 一个标准html文件应具有下面的结构： html　　　html文件开始　　head 文件头开始　　 title　 文档标题 /title 　 /head　 文件头结束　　 body 文件体开始　　 文档的主要内容　　 /body 文件体结束 /html　　 html文件结束 返回 * * 三、HTML标签 （一）什么是HTML标签 （二） HTML标签的格式 （三）HTML标签的特点 （四）HTML的颜色 四、HTML标签的使用 （一）文档标签 （二）排版标签 （三）链接标签 （一）什么是HTML语言 全写： HyperText Mark-up Language 译名： 超文件注标识语言（译名之一） 简释：一种为普通文件中某些字句加上标识的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。 HTML 的格式非常简单，只是由文字及标签组合而成，于编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可 （二）HTML文档的结构 HTML文档一般由两部分组成： 1 文档所要表达的内容信息； 2 一系列HTML标签。 HTML的标签分单标签和成对标签两种。 成对标签是由首标签标签名 和尾标签/标签名组成的，成对标签的作用域只作用于这对标签中的文档。单独标签的格式标签名，单独标签在相应的位置插入元素就可以了，大多数标签都有自己的一些属性, 属性要写在始标签内，属性用于进一步改变显示的效果, 各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值;其格式如下： ?????????? 标签名字 属性1 属性2 属性3 … 内容/标签名字 二、HTML语言 作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。如： font color=#ff00ff face=宋体 size=30字体设置/font 单独标签 是指标签单独出现，只有起始标签没有终结标签。 例如 HTML Source：  I love Creation of Webpage.brIt‘s a wonderful place. 显示成：  I love Creation of Webpage.  Its a wonderful place. 其中换行标签br便属单独标签。  它的作用便是将标签后所有东西显示于下一行，可见终结标签于它是没意义的， 但有些人会为空标签加上终结标签，这是为方便记认而己，对 HTML 没有影响。 注意：html 网页文件格式。 head 标头区 : 记录文件基本资料，如作者、编写时间。 title 标题区 : 文件标题须使用在标头区内，可以在浏览器最上面看到标题。 body 本文区 : 文件资料，即在浏览器上看到的网站内容。 1 通用性 2 简单性、 3 可扩展性、 4 平台无关性、 5 编辑器无关性 （四）查看HTML文档的方法 查看一个网页HTML源代码的方法是:打开一个网页之后，点击浏览器上的菜单“查看”，选择下面的“源文件”选项，即可打开一个记事本文件，其中就是这个网页所所有代码。 可以将鼠标放置到网页上的任何位置（只要位于没有链接、图片处，最好是网页中的空白区域），点击鼠标右键，选择其中的“查看源文件”即可。 （三）HTML文档的特点 三、HTML标签 （一）什么是HTML标签 HTML标签是由 和 所括住的指令， 主要分为 : 单标签指令（ 起始标签 ）、双标签指令 ( 由 起始标签， / 结束标签所构成 ) 。 （二） HTML标签的格式 HTML标签的格式是： 标签名 相应内容 /标签名 如：title 网页的标题 / title 任何标签皆由及所围住，如 P 标签往往成对出现 标签名与小于号之间不能留有空白字符。 某些标签要加上属性，某些则不必。如 font size=2Hello/font 如 hr 属性只可加于起始标签中。 在起始标签之标签名前加上符号/便是其终结标签，如 /font 标签字母大小写皆可。