- 1、本文档共36页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
HTML的理论基础
课程地位 就业技能结构图 本门课程目标和课程项目展示 本门课程目标 学完本门课程后,你能够: 课程项目展示 预习检查 请详述HTML文档的基本结构。 图像与文本的对齐方式有哪几种? 通常使用那个标签的那个属性来创建超链接? 本章任务 制作图文并茂的“广告”页面 本章目标 会使用HTML的基本结构创建网页 会使用文本相关标签实现文字修饰和布局 会使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 HTML文件的基本结构 HTML文档的结构 使用记事本创建网页 使用记事本创建网页的步骤: 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件,注意格式问题 4、打开网页预览效果 META标签 页面背景色或背景图像 文本相关标签 字体、字号 标题标签H1-H6 FONT标签 特殊符号 行的控制 段落标签P 换行标签BR 字体、字号相关标签 标题标签 H# ... /H# #=1, 2, 3, 4, 5, 6 说明:H1到H6 字体大小依 次递减 字体、字号相关标签 FONT标签 特殊符号 字体、字号相关标签 行的控制相关标签 段落标签P 段(Paragraph) (可以看作是空行) p 换行标签BR 换行 br 图像标签 常见的图片格式介绍 图像标签 图像的基本语法 IMG src=images/adv_2.jpg width=300“ height=150“ alt=明星演唱会开幕 图像标签 图像与文本的对齐方式 IMG align=middle 小结1 编写如下图所示效果对应的html代码 文字布局 内容分隔HR标签 项目列表和编号 有序列表OL 无序列表UL 预格式文本PRE标签 如何使用内容分隔HR标签 HR size=5 color=red width=300 如何使用列表 无序列表语法 UL LI列表项内容 /LI …… /UL 有序列表语法 OL LI列表项内容 /LI …… /OL 预格式文本PRE标签 如何使用预格式文本PRE标签 页面链接A标签 链接到其他页面 A href=register/register.html[免费注册]/A 页面链接A标签 链接到其他页面 相对路径 指定从根目录到文件的完整路径。 绝对路径 指定相对于当前文件的文件位置。 页面链接A标签 页面链接A标签 要实现如下图所示的超链接效果,怎么办? 页面链接A标签 链接到本页面 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记 A NAME = “marker”主题名称/A 为达到这种跳转效果,请在 HREF 参数中使用该标记 A HREF= “#marker”主题名称/A 页面链接A标签 电子邮件链接 要链接电子邮件,可在链接标签中插入”mailto:邮箱地址” A href=mailto:webmaster@站长信箱/A 滚动MARQUEE标签 MARQUEE scrolldelay =“100” direction=“up 滚动文字或图像 /MARQUEE 滚动MARQUEE标签 小结2 总结 哪个标签中的哪个属性可以改变字体颜色和字号? 图像与文本的对齐方式有哪几种? 项目列表和编号有何区别?分别适用什么场合? 链接到其他页面时,路径的表示方法有两种:相对路径和绝对路径,这两种路径有何区别和联系? 演示示例5:演示电子邮件链接 HTML HEAD TITLE电子邮件链接/TITLE /HEAD BODY …… A href=mailto: taobaoWebMater@ 站长信箱/A …… /BODY /HTML 单击”站长信箱”链接后的输出结果 任何正确的电子邮箱地址均可 滚动延迟时间 滚动对象的方向 说明: scrolldelay:表示滚动延迟时间,默认值为90。 direction:表示滚动的方向,默认为从右向左。 查看源代码 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=#I
文档评论(0)