HTML第二章试讲-季桢益HTML第二章试讲-季桢益.ppt

回顾 说出下列各项对应的属性或标签 本章任务 制作图文并茂的页面 本章任务 有序列表、无序列表 制作滚动效果 图像标签 图像标签 图像与文本的对齐方式 IMG align=middle 超级链接 链接到其他页面 A href=register/register.html[免费注册]/A 超级链接 链接到其他页面 绝对路径 指定从根目录到文件的完整路径。 相对路径 指定相对于当前文件的文件位置。 超级链接 超级链接 要实现如下图所示的超链接效果，怎么办？ 超级链接 链接到本页面 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记 A NAME = “marker”主题名称/A 为达到这种跳转效果，请在 HREF 参数中使用该标记 A HREF= “#marker”主题名称/A 超级链接 电子邮件链接 要链接电子邮件，可在链接标签中插入”mailto:邮箱地址” A href=mailto:webmaster@站长信箱/A 列表 滚动标签MARQUEE MARQUEE scrolldelay =“100” direction=“up 滚动文字或图像 /MARQUEE 滚动标签MARQUEE 小结2 总结 图像与文本的对齐方式有哪几种？ 中部对齐、顶部对齐、底部对齐、左对齐、右对齐 无序列表和有序列表有何区别？分别适用什么场合？ 无序列表只以项目符号排列，适用于无严格先后顺序的项目排列 有序列表以编号排列，适用于讲究先后顺序的项目排列 链接到其他页面时，路径的表示方法有哪两种？ 相对路径和绝对路径 滚动效果的标签是什么？ marquee /marquee 第二章 超级链接和列表 回顾 什么是URL？ 统一资源定位符，即通常所说的网址 什么是绝对路径和相对路径？ 绝对路径：文件或目录在硬盘上的完整路径(URL和物理路径) 相对路径：相对于某个基准目录的路径（“/”“./”“../”） HTML标签区分大小写吗？ 不区分大小写 HTML网页的基本结构是什么？ 当前目录 Web应用的根目录 上级目录 html head title欢迎！/title /head body p您好，重庆足下！/p /body /html embed src=“..” width=“..” height=“..” autostart=“true”/embed bgsound src=“…” loop=“..” / background bgcolor 为网页添加多媒体 添加网页背景声音 设置网页背景图片 设置网页的背景色 p/p 段落 hr width=“..” size=“..” align=“..” color=“..” title=“..” noshade=“..” / 水平线 h1/h1 h2/h2 h3/h3 h4/h4 标题 pretest hello/pre 字体样式预格式化 i/i与em/em b/bstrong与/strong u/u 字体样式 br / nobr/nobr 分行和不分行 font size=“..” face=“…” color=“…”XXX/font 字体 预习检查 无序列表 ul li1/li li2/li li3/li /ul 有序列表 ol li1/li li2/li li3/li /ol 超链接的编写格式是？ a href=“链接地址”/a 列表标签是？ li/li 无序列表和有序列表分别如何编写？ 查看效果 查看效果 本章目标 使用图像相关标签实现图文并茂的页面 使用超链接相关标签实现页面间的跳转 使用列表标签实现页面排版 实现文字的滚动效果 图像标签 常见图片格式介绍 Photoshop 网页图片 有损压缩 、画面失真 体积小，比较清晰 *.jpg Photoshop 网页图片 支持有限的透明度,效果不如别的图像 支持 Internet 标准 ,支持无损耗压缩和透明度，很流行 *.gif Flash 网页动画 制作麻烦 体积小,便于网络传输 *.swf 制作工具 适用场合 缺点 优点 图像类型 photoshop 桌面墙纸 不支持压缩 容量大 支持 24 位颜色深度，兼容性好 *.bmp 图像的基本语法 IMG src=“img/img.jpg“ border=”10” width=“350“ height=”180“ alt=”可爱的小猫 …… BODY IMG src= img/img.jpg alt=可爱的小猫 border=10“ width=350height=180 /BODY