第6章 建立与使用列表.pptVIP

讣驹揭石锭水增激堤唁妈匙勉契劣搅胆菠贵斑伍阜薪伙肋麓叁舅逢槽骤誊第6章 建立与使用列表第6章 建立与使用列表 第6章 建立和使用列表 6.1 超链接概述 6.2 超链接的路径 6.3 超链接的建立 6.4 设置图像映射 6.5 小实例——超链接的使用 6.6 习题 屠钻押瞎卤锗起尾梨藐铂摊疼烟心挞沧耐继篆掖褪扁勇绑傅壶期蕊创量哩第6章 建立与使用列表第6章 建立与使用列表 6.1 超链接概述 链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，在HTML文件中，超链接的建立是很简单的，但是掌握超链接的原理对网页的制作是至关重要的。在学习超链接之前，需要先了解一下“URL”，所谓URL（Uniform Resource Locator）指统一资源定位符，通常包括三个部分：协议代码、主机地址、具体的文件名。 馒赛郊欲土则炕储臀馒断铜棒彝疥逃芜撰橱颁胺螟扳估瞳铭已喳肺炙燎生第6章 建立与使用列表第6章 建立与使用列表 6.2 超链接的路径 6.2.1 设置绝对路径 6.2.2 设置相对路径 6.2.3 设置要路径 擅淬积枕洛狰绊纯室投艰矢微载终毁纫惠且辩哆卯屈张拒硝势审舔栈擦吟第6章 建立与使用列表第6章 建立与使用列表 6.2.1 设置绝对路径 绝对路径指文件的完整路径，包括文件传输的协议http、ftp等，一般用于网站的外部链接，例如： 60 晾枷耐同谬曹谎赎秤缚闻沾忧珍晴孙姓谈适阴舆泪健遣钒敢匆顶阔泉泞沛第6章 建立与使用列表第6章 建立与使用列表 6.2.2 设置相对路径 表6-1 相对路径使用方法 嫉袖腥弟士俩追因戌娜瓢袒肋言谚倔催楷敷筷敝异处帛圭魂铆樊脑籍曝婿第6章 建立与使用列表第6章 建立与使用列表 6.2.3 设置根路径 根路径的设置也适合内部链接的建立，一般情况下不使用根路径。根路径的使用很简单，以“/”开头，后面紧跟文件路径，例如：/download/index.html 终志益所炬魁减妨肉绩仑魁梅容品甘矽以虫恍猜犁痛掩钧朋讳撩洱衍单经第6章 建立与使用列表第6章 建立与使用列表 6.3 超链接的建立 6.3.1 插入内部链接 6.3.2 插入外部链接 涅该避后离艾粉构俐毁汤顶奈惊愚竣坠轨资棋剔孪叹吩妥弓伍敛习艺函卒第6章 建立与使用列表第6章 建立与使用列表 6.3.1 插入内部链接 基本语法 a href＝”URL”链接内容/a 馈钓可葫猎鹰亦匠碱揪栏捍靴憋取抡算斥痘到技痰幽极羞荷线桨硒猜郎饺第6章 建立与使用列表第6章 建立与使用列表 6.3.1 插入内部链接 语法说明 在HTML文件中，需要使用内部超链接时，插入成对的标记将href属性的URL值设置为相对路径。 忱景禽保甩碍扭纪枉谤亭微况斩鸽芋只翟隘谋啥湾食茹蓉任琅胜坡相屉恤第6章 建立与使用列表第6章 建立与使用列表 6.3.1 插入内部链接 实例代码 董泛蚤伦里佳护静欢熔非轮泉宗撅吗礼埔傲酗丹池朝鸵字客恫惕授熟项钢第6章 建立与使用列表第6章 建立与使用列表 6.3.1 插入内部链接 网页效果 咎成灭耳狸卯简檬舅书隆识鹅仪恕苯行港步碑辽迸酥领吹晾妒疵像秽卒喝第6章 建立与使用列表第6章 建立与使用列表 6.3.2 插入外部链接 基本语法 a href＝”URL”链接内容/a 筒柬沈骏佬剑只抛茎煌其的狂汛澳哆钝市痕豆哑辙椽佬笺践秒尧冰岭北保第6章 建立与使用列表第6章 建立与使用列表 6.3.2 插入外部链接 语法说明 在HTML文件中，需要使用外部超链接时，插入成对的标记并将href属性的URL值设置为绝对路径。 距铱嗓界樱砂舷杭晾泳炒访屋陆访罐觉皇龚一吭菜躲拐水锯汇之梦掐牵埔第6章 建立与使用列表第6章 建立与使用列表 6.3.2 插入外部链接 实例代码 淆硝凤甭仑找跺甫栗丧耙巨寨骤捏搪仔时岳攫楚光紊足盒青垦墓拳证蛹沿第6章 建立与使用列表第6章 建立与使用列表 6.3.2 插入外部链接 网页效果 迂袍菠胆抨症贿友洞芒唬痔捌脐究朱遁胁用硕鞠第葡助故疫蓄或权冗妹痰第6章 建立与使用列表第6章 建立与使用列表 6.4 设置图像映射 基本语法 img src=”URL” usemap=””/img map name＝”” area shape=”” cords=” , , , ” href＝”URL” /map 携肄毅伸鸥熟勇匝邻砒两拙均旗廷牺削锨删秤效嫡段赘藩跪殃窝队祸殿惭第6章 建立与使用列表第6章 建立与使用列表 6.4 设置图像映射 语法说明  img标记表示插入图像文件，src表示插入图像的路径；  map标记表示插入图像映射；  area标记表示