计算机技术HTML教程.ppt

HTML教程 目录 HTML入门 HTML基本构架 页面布局与文字设计 　　标题　 　　换行br 　　段落标签P 　　水平线段hr 　　文字的大小设置 　　文字的字体与样式 　　文字的颜色 　　位置控制 　　综合示例 列表 　　无序号列表 　　序号列表 　　定义性列表 TABLE表格 　　表格的基本结构 　　表格的标题 　　表格的尺寸设置 　　表格内文字的对齐、布局 　　跨多行、多列的表元 　　表格的颜色 文件之间的链接 　　本地链接 　　URL链接 　　目录链接 多媒体效果 　　插入图象 　　播放音乐 　　播放视频 多视窗口FRAMES 　　Frames结构的基本格式 　　各窗口的尺寸设置 　　各窗口间相互操作 　　FRAME的其它属性 HTML入门 　 HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。 　　通过HTML可以表现出丰富多彩的设计风 格 图片调用：IMG SRC=“文件名” 文字格式：FONT SIZE=+5 COLOR=00FFFF文字/FONT 通过HTML可以实现页面之间的跳转 页面跳转： A HREF=文件路径/文件名 /A 通过HTML可以展现多媒体的效果 　　声频：EMBED SRC=音乐文件名 AUTOSTART=true 　　视频：EMBED SRC=视频文件名 AUTOSTART=true 上面我们在示例超文本特征的同时，采用了一些我们在制作超文本文件时需要用到的一些标签。所谓标签，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“标签名字　属性”来表示。有关标签详细的内容参见下一页。 HTML的基本结构 超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 HTML 　　　HEAD 　　　　　　头部信息 　　　/HEAD 　　　BODY 　　　　　文档主体， 正文部分 　　　/BODY /HTML 其中HTML在最外层， 表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略HTML标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。HEAD 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。BODY 标记一般不省略， 表示正文内容的开始。 下面是一个最基本的超文本文档的源代码： HTML HEAD TITLE一个简单的HTML示例/TITLE /HEAD BODY CENTER H3欢迎光临我的主页/H3 BR HR FONT SIZE=2 　　这是我第一次做主页，无论怎么样，我都会努力做好！ /FONT /CENTER /BODY /HTML 显示结果 超文本中的标签 刚刚接触超文本，遇到的最大的障碍就是一些用“”和“”括起来的句子，我们称它为标签，是用来分割和标记文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。 1.单标签 某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是： 标签名称 　　最常用的单标签是BR, 它表示换行。 2.双标签 另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： 标签 内容/ 标签 　　 其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一EM /EM标记中： EM第一：/EM 3.标签属性 许多单标记和双标记的始标记内可以包含一些属性， 其语法是： 标签名字 属性1 属性2 属性3 … 　 　　 各属性之间无先后次序，属性也可省略（即取默认值），例如单标记HR表示在文档当前位置画一条水平线