第三章2使用传统的HTML概念构建基础Web页.ppt

HTML及其特点 HTML：Hyper Text Markup Language，即超文本标记语言。 HTML是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。 HTML文档（即网页的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名。 HTML包括两种类型的信息：标记信息和内容信息 生成HTML文档的三种途径 （1） 手工直接编写（例如用你所喜爱的 ASCII文本编辑器或其它HTML的编辑工具）。 （2） 通过某些格式转换工具将现有的其它格式文档（如WORD文档）转换成HTML文档。 （3） 借助专用制作工具软件，如Frontpage、Dreamweaver等进行设计与制作。 HTML的功能（见课本P27-28） HTML文档的结构 从内容上看： HTML文档 文档说明!DOCTYPE 文档主体html/html 文档主体 文档头head/head 文档体body/body 从构成上看： HTML文件由元素（element）组成。 ※HTML文档写作要点（见课本P29-30） 典型HTML文档的内容结构示例 !DOCTYPE 文档类型 html　　　 html文件开始 head 文件头开始 文件头 /head 文件头结束 body 文件体开始 文件体 /body 文件体结束 /html HTML文件结束 HTML文件的元素 组成HTML文件的元素有许多，用于组织文件的内容和指导文件的输出格式。 例： body backgroud＝background.gif h2示例/h2 这是一个示例p /body HTML元素的三种表示方法 元素名文件或超文本/元素名。 元素名 属性名=“属性值…”文本或超文 本／元素名。 元素名 例如分段元素P HTML3.0标准中，也定义了/p 标记 ※在HTML文件中，有些元素只能出现在头元素中，绝大多数元素只能出现在体元素中。 ※注意: HTML并非大小写敏感. title 和TITLE或者TiTlE是一样的. 格式文本--标题 〈H1…/H1　　　　　第一级标题 〈H2…/H2　　　　　第二级标题 〈H3…/H3　　　　　第三级标题 〈H4…/H4　　　　　第四级标题 〈H5…/H5　　　　　第五级标题 〈H6…/H6　　　　　第六级标题 Example2: 格式文本 换行br Example3: Example4: 段落标签 P Example5: Example6: 格式文本--水平线段hr HR有三个属性：　size　水平线的宽度　width 水平线的长，用占屏幕宽度的百分比或象素值来表示　align 水平线的对齐方式，有LEFT,RIGHT, CENTER三种　noshade 线段无阴影属性，为实心线段 线段粗细的设定 exampl7 线段长度的设定 exampl8 线段排列的设定 exampl9: 无阴影的设定 exampl10:?? 格式文本 文字的大小设置FONT exampl11: 文字的字体与样式 font face=字体 exampl12: 文字的效果exampl13: B　　　　　/B　　　　　粗体　　　　　　　　　　　　　　HTML语言 I　　　 　　/I　　　　　斜体　　　　　　　　　　　　　　HTML语言 U　　　　　/U　　　　　加下划线　　　　　　　　　　　　HTML语言 TT　　　 　 TT　　　　　打字机字体　　　　　　　　　　　HTML语言 BIG　　　　/BIG　　　　大型字体　　　　　　　　　　　　HTML语言 SMALL　　/SMALL　　　小型字体　　　　　　　　　　　　HTML语言 BLINK　　/BLINK　　　闪烁效果　　　　　　　　　　　　HTML语言 EM　　　 /EM 　　　　表示强调，一般为斜体　　　　　　HTML语言 STRONG　 /STRONG　　 表示特别强调，一般为粗体　　　　HTML语言 CITE　　　 /CITE　　　 用于引证、举例，一般为斜体　　　HTML语言 格式文本 文字的颜色 font color=color_value…/font exampl14: 格式文本 位置控制 ：ALIGN属性 exampl15: 综合示例exampl16: 列表 无序号列表 　　无序号列表使用的一对标签是ul/ul，每一个列表项前使用LI。其结构如下所示： 　　　　UL　　　　　　　LI第一项　　　　　　　LI第二项