第二讲 HTML语言(一).ppt

第二讲 HTML语言（二） 徐志红 xzh@ 　　 内容提要 HTML基本概念 HTML基本结构 HTML语法规则 HTML文本格式标记—标题、文字、字型、段落、强制换行、水平线标记、文字滚动标记 教学目标 掌握HTML结构标记 掌握HTML字体标记 HTML简介（一） HTML：HyperText Marked Language 一种用来制作超文本文档的简单标记语言 HTML文档 ：用HTML编写的超文本文档 扩展名： 超文本 所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 HTML功能 通过HTML可以表现出丰富多彩的设计风格 图片调用：IMG SRC=文件名 文字格式：FONT SIZE=5 COLOR=“#00FFFF文字/FONT 通过HTML可以实现页面之间的跳转 页面跳转：A HREF=文件路径/文件名/A 通过HTML可以展现多媒体的效果 声频：EMBED SRC=音乐文件名 AUTOSTART=true 视频：EMBED SRC=视频文件名 AUTOSTART=true HTML简介（二） HTML文件是纯文本文档，可以用一个简单的文本编辑器（记事本）手工输入创建，也可通常用专门的软件（FP、DW）创建。 如：在记事本中显示一段倾斜的文本。 创建文件步骤 选择“开始”—”程序” —“附件” —“记事本” 输入HTML语言 以扩展名为.html保存文件 双击文件，系统自动打开浏览器 如： 123.html HTML标签 上面我们在示例超文本特征的同时，采用了一些我们在制作超文本文件时需要用到的一些标签。 注释语句 功能：方便理解复杂的语句。 注释语句浏览器不会显示。 形式：!--注释内容-- 如：!-- This is a comment -- HTML文档的基本结构 一个最基本的超文本文档的源代码 基本结构 大部分HTML文件都以HTML标记开始，以/HTML结尾的。 由二部分组成：网页标题HEAD和文档主体BODY。 头部信息（head部分） 用于表明文档的有关信息。如，文档标题，搜索引擎可用的关键字，CSS样式表信息等 。 主体标记 （body部分） 设置网页的背景颜色、背景图像、全文颜色、链接颜色和网页边距等。 插入文本 在BODY…/BODY间输入的文本，将在浏览器中直接显示，但是无法实现换行等格式。如果需要分段、换行、颜色、字号、字体等设置，还需要其他的标记对。 超文本中的标签 刚刚接触超文本，遇到的最大的障碍就是一些用“”和“”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。 HTML语言采用对称的单标签或双标签描述对象。标签都是“xxx”的形式出现。 1.单标签 形如：标记内容 换行标签br 2.双标签 双标签由始标签和尾标签两部分组成，必须成对出现。尾标记比始标记多一个“/” 形如：标签内容/标签 标签的属性 属性是对标签的详尽描述，不同的标签有不同的属性。 形式： 标签名字 属性1 属性2 … 例如：在文档当前位置画一条水平线 其中SIZE属性定义线的粗细，属性值取整数，缺为1；ALIGN属性表示对齐方式，可取LEFT（左对齐， 缺省值），CENTER（居中），RIGHT（右对齐）。 HTML中常用标签 结构标签 段落标签 字符标签 链接标签 图像标签 列表标签 表格标签 结构标记 html/html:标识文档的开头和结尾，必须成对出现。 head/head:文档的开头部分，描述HTML文档相关信息的标记对。它们之间的内容不在浏览器的框内显示。 body/body:文档的主体部分，显示文本、图像等。 结构标记（续） title/title:网页的“主题”，在浏览器的标题栏上显示。必须放在head/head标记对之间。 段落标签 为了排列的整齐、清晰，文字段落之间，我们常用P/P来做标记。 文件段落的开始由P来标记，段落的结束由/P来标记。 /P可省略。 属性align，它用来指名字符显示时的对齐方式，一般值有CENTER、LEFT、RIGHT三种。 例2-1 “段落标签1” 例2-2 “段落标签2” 例2-1 段落标签1 htmlheadtitle段落标签1/title/head bodyP ALIGN=CENTER浣溪沙　P一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。P无可奈何花落去，似曾相识燕归来。小园香径几徘徊。/P/body /html 例2-2 段落标签2 htmlheadtitle段落