《网页设计第一章》.pptVIP

创建超级链接 HTML HEAD TITLE了解鸟类/TITLE /HEAD BODY H1会弹琴的狗狗/H1 A HREF = dog.htm单击此处查看/A /BODY /HTML 要链接到另一目录 (C:\example) 下的页面，可编写 A HREF =“..\example\Doc2.htm” 或A HREF =“C:\example\Doc2.htm” 要链接到同一目录 (C:\html) 下的页面，可编写 A HREF = “Doc3.htm” 或 A HREF = “C:\html\Doc3.htm” C:\html 目录 C:\example目录 绝对和相对路径名 Doc1.htm Doc3.htm Doc2.htm Doc4.htm 绝对路径名 相对路径名 链接到同一文档的某个部分2-1 锚记标签用于使用户“跳”到文档的某个部分 HTML 的 NAME 属性用于创建锚标记  为达到这种跳转效果，请在 HREF 参数中使用该标记 A NAME = “marker”主题名称/A A HREF= “#marker”主题名称/A 链接到同一文档的各个部分2-2 . . . BODY A HREF = #Lion狮子/A BR A HREF = #Zebra斑马/A BR A HREF = #Cheetah印度豹/A BR A NAME = Lion狮子/A P狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达 250 公斤。而雌狮则要轻得多，只有 180 公斤。 BR A NAME = Zebra斑马/A P没有任何两匹斑马的斑纹完全一样，因此每匹斑马都是独一无二的。斑马也称为黑白条纹相间的马...... 演示:锚链接例子 链接到其他文档的特定位置 … P让我们深入了解一些动物 BR A HREF=AnimalDetails.htm#Lion狮子/A BR A HREF=AnimalDetails.htm#Zebra斑马/A BR A HREF=AnimalDetails.htm#Zebra印度豹/A … Animals.htm … A NAME = Lion狮子/A P狮子的吼声从八公里之外就能听到！雄狮（很容易从鬃毛识别出雌雄）的重量达 250 公斤。而雌狮则要轻得多，只有 180 公斤。… Animaldetails.htm 电子邮件链接 用户可从网页发送电子邮件 HTML HEAD TITLE海豚/TITLE /HEAD BODY H3充分交流，密切配合/H3 BR P据说，海豚的交流模式几乎与人类的一样复杂！ BR BR A HREF=mailto:thisperson@请将您的疑问发送至 David Fernandez/A /BODY /HTML 总结 2-1 HTML 标签一般配对使用，不区分大小写 标签都具有属性。属性提供关于网页上 HTML 元素的附加信息 META 标签放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签 标题级标签使用H1…H6 总结 2-2 段落标签使用P align＝“对齐方式”…/P 无序列表使用UL标签,有序列表使用OL标签 字体标签Font color=“颜色” size=“大小” face＝“字体” 超链接标签A href=“链接地址”超链接文本/A * 1.提问：HTML语言是用来做什么？ 引导：做网页。 顺便告诉学员，DreamWeaver能自动生成HTML代码，但是有时我们还是需要人工修改HTML代码。我们在实现动态网页时，更需要理解、阅读HTML代码，因此非常重要。 2.强调HTML的功能： 规定网页内容的显示格式。 * 1.提问：HTML语言是用来做什么？ 引导：做网页。 顺便告诉学员，DreamWeaver能自动生成HTML代码，但是有时我们还是需要人工修改HTML代码。我们在实现动态网页时，更需要理解、阅读HTML代码，因此非常重要。 2.强调HTML的功能： 规定网页内容的显示格式。 * * 演示：切换到DreamWeaver的代码视图。清空代码开始编写，并浏览显示。 向学员说明，由于不同的HTML标签DreamWeaver采用不同的颜色显示，方便编写，因此推荐采用DreamWeaver编写工具。 * 向学员解释： 1)HTML网页的标签讲究配对，HTML开始，/HTML结束 2）HTML网页和人一样，由头部HEAD和主体BODY两部分组成 * 向学员解释： 标签一般由两部分组成：标签和属性， 例如： BODY bgcolor=“green” …. /BODY BODY就是标签， bgcolor=“green”就是属性，属性可选，还可以多个。 * * 演示： 自动刷新的例子：网页