第1章HTML的基本标签祥解.ppt

页面链接A标签 电子邮件链接 要链接电子邮件，可在链接标签中插入”mailto:邮箱地址” A href=mailto:webmaster@站长信箱/A 演示示例5：演示电子邮件链接 HTML HEAD TITLE电子邮件链接/TITLE /HEAD BODY …… A href=mailto: taobaoWebMater@ 站长信箱/A …… /BODY /HTML 单击”站长信箱”链接后的输出结果 任何正确的电子邮箱地址均可 滚动MARQUEE标签 MARQUEE scrolldelay =“100” direction=“up 滚动文字或图像 /MARQUEE 滚动延迟时间 滚动对象的方向 说明： scrolldelay：表示滚动延迟时间，默认值为90。 direction：表示滚动的方向，默认为从右向左。 查看源代码 滚动MARQUEE标签 MARQUEE scrolldelay =100 水平滚动/MARQUEE MARQUEE scrolldelay =200 direction=up 垂直滚动/MARQUEE MARQUEE scrolldelay =300 direction=up onmouseover=this.stop() onMouseOut=this.start() A href=#IMG src=images/scroll/1.gif border=0 align=middle Avon化妆品/ABR A href=#IMG src=images/scroll/2.gif border=0 align=middle 雅诗兰黛 /ABR …… /MARQUEE 水平向左移动 垂直向上移动 图片和文字同时垂直向上移动 声明滚动文字结束 声明滚动文字“水平滚动”开始，并且将会以默认方式从右向左滚动 小结2 有序列表OL 无序列表UL 练习答案 练习代码 编写如下图所示效果对应的html代码 总结 哪个标签中的哪个属性可以改变字体颜色和字号？ 图像与文本的对齐方式有哪几种？ 项目列表和编号有何区别？分别适用什么场合？ 链接到其他页面时，路径的表示方法有两种：相对路径和绝对路径，这两种路径有何区别和联系？ * 什么是程序 程序是怎么开发出来的 编译 连接 运行 什么是 IDE 编译和调试 * 讲解要点： * 讲解要点： 预习检查 请详述HTML文档的基本结构。 图像与文本的对齐方式有哪几种？ 通常使用那个标签的那个属性来创建超链接？ 本章任务 制作图文并茂的“广告”页面 查看源代码 本章目标 会使用HTML的基本结构创建网页 会使用文本相关标签实现文字修饰和布局 会使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 HTML文件的基本结构 HTML文档的结构 HTML HEAD TITLE我的第一个网页 /TITLE /HEAD BODY Hello World! /BODY /HTML HTML 网页 HEAD头部部分 BODY主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 网页标题 网页内容，可以是文本、图像等 这部分包含文本、图像和链接。它包括在 BODY…/BODY 标签内 查看源代码 这部分包括标题和其他说明信息。包括在 HEAD…/HEAD 标签内 使用记事本创建网页 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件，注意格式问题 4、打开网页预览效果 演示示例2：如何在记事本里创建网页 使用记事本创建网页 META标签 HEAD META http-equiv=Content-Type content=text/html; charset=gb2312 TITLE网页标题/TITLE /HEAD 网页页面中出现乱码，那如何消除乱码使其正常显示？ 使用META标签 简体中文：gb2312 繁体中文：big5 纯英文网页：iso-8859-1 可以避免页面中的乱码 页面背景色或背景图像 BODY bgcolor=#FFCCFF“ background=back_image.GIF Hello World！ /BODY 为了使页面美丽大方，网页背景要尽量地浅 …… BODY bgcolor=#FFCCFF“ Hello World! /BODY …… 查看源代码 网页背景色彩 网页背景图像 文本相关标签 字体、字号 标题标签H1－H6 FONT标签 特殊符号 行的控制 段落标签P 换行标签BR 使用了