html+cssday2TP1V2.0章节幻灯片.pptVIP

页面链接A标签 要实现如下图所示的超链接效果，怎么办？ 演示示例3：演示锚链接的例子 使用锚记标签 页面链接A标签 链接到本页面 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记 A NAME = marker主题名称/A 为达到这种跳转效果，请在 HREF 参数中使用该标记 A HREF= #marker主题名称/A 演示示例4：演示锚链接的例子 HTML HEAD TITLE链接到其他页面/TITLE /HEAD BODY A href=#helpme[新人上路]/A …… A name=helpme新人上路指南/A …… /BODY /HTML 1、定义锚标记 2、链接到锚标记所在位置 页面链接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 水平向左移动 垂直向上移动 图片和文字同时垂直向上移动 声明滚动文字结束 声明滚动文字“水平滚动”开始，并且将会以默认方式从右向左滚动 HTML HEAD META http-equiv=Content-Type content=text/html; charset=gb2312 TITLE项目列表和链接的应用/TITLE /HEAD BODY 填写代码 /BODY /HTML 小结2 练习答案 编写如下图所示效果对应的html代码 有序列表OL 无序列表UL 总结 哪个标签中的哪个属性可以改变字体颜色和字号？ 图像与文本的对齐方式有哪几种？ 项目列表和编号有何区别？分别适用什么场合？ 链接到其他页面时，路径的表示方法有两种：相对路径和绝对路径，二者有何区别和联系？ * * * HTML的基本标签 课程地位 Prev HTML SQL Base Logic Java C#/WinForms STB Project1:ADO.Net+WinForms C/S ADO.Net/Three Tier JavaScript SQL Advance Java OOP Project2: B/S .Net/OOP JSP Ajax/Web Service JSP/Servlet/JavaBean/Web Service Struts/Hibernate/Spring/Ajax ASP.Net NTC Project3: .Net/Java HR/CRM/OA/B2C B/S 行业手册 就业技能结构图 本门课程主要技能点 课程目标 学完本门课程后，你能够： 能制作界面美观大方、面向企业应用的静态商业网站 不含动态脚本功能 课程项目展示 课程项目展示 演示示例1：课程项目展示 预习检查 HTML文档的基本结构包括哪几部分？ 图像与文本的对齐方式有哪几种？ 通常使用哪个标签来创建超链接？ 本章任务 制作图文并茂的“广告”页面 查看源代码 本章目标 会使用HTML的基本结构创建网页 会使用文本相关标签实现文字修饰和布局 会使用图像相关标签实现图文并茂的