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 head meta http-equiv=Content-Type content=text/html; charset=gb2312 meta name=GENERATOR content=Microsoft FrontPage 4.0 meta name=ProgId content=FrontPage.Editor.Document titleNew Page 1/title /head body pa href=/07/0321/09/3A3N3QGB0001125G.htmlimg alt=大峡谷玻璃走廊开放src=/cnews/2007/3/21/2007032117315653865.jpg border=0 width=390 height=240/a/p /body /html 图片对应的HTML语言如下: 一、引入新课 html head meta name=GENERATOR content=Microsoft FrontPage 4.0 titleNew Page 1/title /head body h1郑智十岁在电影的台词是/h1 div id=option_left input onclick=“frmguess.submit();” type=“radio” value=“1” name=“chk_question” “我要做球星！”br input onclick=frmguess.submit(); type=radio value=2 name=chk_question “我要做马拉多纳！”br input onclick=frmguess.submit(); type=radio value=3 name=chk_question “我是伟大的左后卫！”br input onclick=frmguess.submit(); type=radio value=4 name=chk_question “点球！点球！” /div /body /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.b