《HTML学习教程001(北大青鸟)》.ppt

下载文档

10
0
约 36页
2015-10-17 发布于河南
举报
版权申诉
保障服务

《HTML学习教程001(北大青鸟)》.ppt

1、本文档共36页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

课程地位就业技能结构图本门课程目标和课程项目展示本门课程目标学完本门课程后，你能够：课程项目展示预习检查请详述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"