1 / 54
文档名称:

第2章 HTML简介.ppt

格式:ppt   页数:54
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

第2章 HTML简介.ppt

上传人:中国课件站 2011/10/11 文件大小:0 KB

下载得到文件列表

第2章 HTML简介.ppt

文档介绍

文档介绍:第2章 HTML简介
HTML文件举例
HTML文件的基本结构
HTML语法规则
HTML常用标记
HTML综合实例
思考与练习
HTML文件举例
【】用HTML制作一个简单的网页()
①用任何文本编辑器(Windows的写字板、书写器、Word等)输入下列文本。
<!--EXAMPLE2-->
<html><head>
<title> EXAMPLE2<title>
</head><body>
<p align=″center″><font size=″7″ color=″#0000FF″>秋夕</font></p>
<p align=″center″><font size=″5″ color=″#0000FF″>杜牧</font></p>
<p align=″center″><font size=″6″ color=″#0000FF″>银烛秋光冷画屏</font></p>
<p align=″center″><font size=″6″ color=″#0000FF″>轻罗小扇扑流萤</font></p>
<p align=″center″><font size=″6″ color=″#0000FF″>天阶夜色凉如水</font></p>
<p align=″center″><font size=″6″ color=″#0000FF″>卧看牵牛织女星</font></p></body></html>
②以纯文本格式存为EXAMPLE2。
③打开浏览器,在地址栏中输入E:\\网页制作\\examples\\example2-,。其中E:\\网页制作\\examples\\为文件所在的路径,example2-。

HTML文件的基本结构
HTML文件由标记、代码和注释组成。标记是HTML中用来控制文字、图形等显示方式的符号。例如:<font size=″7″ color=″#0000FF″>秋夕</font>是一个标记,表示以7号蓝色字显示文字“秋夕”。其中“< >”表示这是HTML的标记而非普通文本,FONT是标记,/FONT是结束标记,表示前面FONT标记的结束,size、和Color是属性,7和#0000FF分别是它们的值。HTML标记的一般格式为:<标记(名称) 属性1=″属性值1″属性2=″属性值2″属性3=″属性值3″...>
受影响的文本
</标记(名称)>有的标记没有结束标记,称为单标记。
,一个HTML网页文件有如下的基本结构。
注释。文件中的注释用“!”标记,“<!”表示注释开始,“>”表示注释结束,中间的所有内容表示注释,且可以换行,它们并不在浏览器中显示出来,仅为设计人员阅读方便。注释可以放在任何地方。
HTML文件标记。HTML文件以<Html>开头,</Html>结尾。虽然HTML文件标记在语法上是可选的,但如果省略,有些浏览器浏览时可能会发生错误。因此,在每个文件中应加上该标记。
文件头部标记Head。<head>和</head>之间的内容表示文件的头部信息,标记网页的标题、预定义变量等。其中常用的是Title标记,用来说明网页的标题,<Title>和</Title>之间的文字将显示在浏览器的标题栏中,之中不能有其他标记。Head标记和Title标记都是可选的,但建议不要省略。
文件主体用<body>和</body>标记。网页正文中的所有内容(包括相应的格式化标记)都包含在这个标记之间,包括文字、表格、图像、声音、动画,等等。
HTML语法规则
HTML语言遵循以下语法规则。
HTML文件以纯文本形式存放,扩展名为“*.htm”或“*.html”。若系统为UNIX系统,扩展名必须为“*.html”。
HTML标记不区分大小写,<html>和<HTML>是相同的。
多数HTML标记可以嵌套,但不可交叉。例如:<p><font color=″#000000″ face=″方正粗圆简体, 方正黑体″>奥林匹克情</p></font>将不能正确显示。
HTML文件一行可以写多个标记,一个标记也可以分多行书写,不用任何续行符号。例如:<p><font color=″#000000″ face=″方正粗圆简体, 方正黑体″>
2001年7月13日,北京申奥成功!
</font></p>和<p><font color=″#000000″
face=″方正粗圆简体, 方正黑体″> 2001年7月13日,
北京申奥成功!
</font></p>都是正确的,且显示

最近更新

2025年厦门演艺职业学院单招职业技能考试模拟.. 42页

2025年合肥经济技术职业学院单招综合素质考试.. 39页

2025年吉林职业技术学院单招综合素质考试模拟.. 41页

2025年呼和浩特职业学院单招职业技能测试模拟.. 40页

2025年哈尔滨电力职业技术学院单招职业适应性.. 40页

2025年四川希望汽车职业学院单招职业技能考试.. 41页

2025年四川水利职业技术学院单招职业倾向性测.. 42页

2025年大庆医学高等专科学校单招综合素质考试.. 41页

2025年大连装备制造职业技术学院单招职业适应.. 41页

《猕猴桃组培快繁技术规程》团体标准编征求意.. 11页

《罗汉果种植技术规范》 9页

2025年宁夏工业职业学院单招职业技能测试模拟.. 40页

2025年宁德职业技术学院单招职业适应性考试模.. 40页

《辣椒清洗加工生产线编制说明》 12页

2025年安徽工业职业技术学院单招职业技能考试.. 39页

2025年安徽省芜湖市单招职业适应性考试模拟测.. 41页

2025年宜昌科技职业学院单招综合素质考试题库.. 39页

2025年山东化工职业学院单招职业适应性测试模.. 41页

2025年山东省济南市单招职业倾向性测试模拟测.. 40页

2025年山东药品食品职业学院单招职业倾向性测.. 40页

2025年山西机电职业技术学院单招综合素质考试.. 40页

2025年山西金融职业学院单招综合素质考试题库.. 42页

2025年常州信息职业技术学院单招综合素质考试.. 40页

2025年平顶山文化艺术职业学院单招职业适应性.. 42页

2025年广东松山职业技术学院单招职业技能测试.. 41页

2025年广州城建职业学院单招职业倾向性测试模.. 39页

2025年广西农业工程职业技术学院单招职业适应.. 40页

2025年广州卫生职业技术学院单招职业技能测试.. 64页

美团代运营业务委托合同 6页

新概念青少版2A各单元重点归纳 15页