[第2课html2.pptVIP

第2课 html 本课内容 用html建立超链接 设置基本文字超链接 设置页面内部特定目标的链接 设置图片的超链接以及给图片创建热点区域 设置电子邮件链接 框架之间的链接 链接增多后，利用dw对网站进行组织结构与维护 用html创建表格 一、用html建立超链接 1、设置基本文字超链接：a标记 建立超链接使用html的a标记，如： 超链接到因特网： a href=“http:”跳到网易/a 超链接到本站点网页： a href=“2.html”跳到2号网页/a 设置以新窗口显示超链接页面：target属性； a href=“2.html” target=“_blank“ 以新窗口显示2号网页/a URL(又称为“统一资源定位器”)的格式： URL 是文档在网络上的唯一地址。 格式： URL访问方式：//主机域名或IP地址: 端口 / 路径 例如：一个页面的URL为： http://35/tanjunmaomao/design/tj2/tj2.html 协议 主机名 路径 文件名 URL类型: 绝对URL：从服务器主机为起点，包含文件的路径。 相对URL：以链接的源文档为起点。 body a href=“/news/1.html”链接到网易某新闻 /a a href=“. ./news /01. html”链接到本地某新闻 /a /body 2、设置页面内部特定目标的链接 超链接不但可以跳转到其他网页，也可以在本网页内跳转。 当网页内容比较长的时候，为方便访问者浏览网页，可以使用超链接的手段在网页开始位置制作一个目录链接，直接链接到特定的目标。 方法：分两个步骤完成 先在网页的各个目标位置定义相应名称，我们称之为“锚点”， 使用a标记的name属性： body ……. h3 a name=“lesson1” 第一章 /a /h3 p本章节内容……/p h3 a name=“lesson2” 第二章 /a /h3 p本章节内容……/p ……………… h3 a name=“lesson10” 第十章 /a /h3 p本章节内容……/p /body 在网页开头位置创建目录，设置跳转到锚点的超链接 ： body a href=“ #lesson1 ” 跳到第一章 /a a href=“ #lesson2 ” 跳到第二章 /a ………… a href=“ #lesson10 ” 跳到第十章 /a ………… a href=“ news/ 01.html # A10” 跳到另一个网页的A10锚点位置 /a /body 3、设置图片的超链接 图片超链接有两种方式： 整个图片的超链接：其方法和文字超链接一样: body a href=“ 2.html ” img src=“ 1.jpg ” //a点击图片跳到2号网页 /body 图片热区的超链接：有两种方法 图片热区就是将图片划分出几个区域，然后分别为这些区域建立超链接，我们把图像中建立超链接的区域称为热区。不同的热区对应不同的超链接。 方法1：用html建立图片热区：map+area标记 方法2：利用DW建立图片热区： 进入dw，利用img标记在网页中插入图片map.jpg； 进入“拆分视图”，在设计窗中选中图片； 打开属性面板：如图 使用面板左下角的矩形、圆形和多边形热区工具，在图片上画出几个形状不同的热点区域。 点击属性面板中左下角指针，可选中热区； 为热区创建超链接：属性面板—链接---输入热区链接的URL地址。 4、设置电子邮件链接 设置超链接到电子邮箱： body a href=“ mailto：123456@ ” 超链接到电子邮箱 /a /body 5、框架之间的链接 建立框架与框架集：frame和frameset标记 用cols属性将窗口分为左右两部分 用rows属性将窗口分为上中下三部分 框架的嵌套 用src属性在框架中插入网页 用src属性在框架之间链接 创建嵌入式框架：iframe 建立框架与框架集：frame+frameset标记 框架：是常用的网页布局工具。其作用是把浏览器分割成几个部分，每个部分都可以显示不同的页面。 框架集：把几个框架组合在一起的网页就是框架集。 例1：在浏览器创建“图1”的框架集网页： 练习1：建立“图2”的框架集： html head /head frameset cols=“20%, * frame / frameset rows=“ 20% , * frame / frame /