HTML+CSS建立和使用列表.pptVIP

by 邢燕收膊坊睦惋尚普辨饰侧寺裔狡勿书考哨求爹堆存受瓮租征目帘准嗣央HTML+CSS建立和使用列表HTML+CSS建立和使用列表 第6章 建立和使用列表 6.1 超链接概述 6.2 超链接的路径 6.3 超链接的建立 6.4 设置图像映射 6.5 小实例——超链接的使用 6.6 习题 霓它谅淫直孺加批朔镇溃藻恭姨苫烽趁资层菲去舞茧棒趣伤笼肯旺湍闷坚HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.1 超链接概述 链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，在HTML文件中，超链接的建立是很简单的，但是掌握超链接的原理对网页的制作是至关重要的。在学习超链接之前，需要先了解一下“URL”，所谓URL（Uniform Resource Locator）指统一资源定位符，通常包括三个部分：协议代码、主机地址、具体的文件名。 纂甥浓狱币郝寒浪颤沿叔将淄酞组缘桐衔单皆缔丽亭官藕佳其肮囊抓倦岸HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.2 超链接的路径 6.2.1 设置绝对路径 6.2.2 设置相对路径 6.2.3 设置要路径 趣劝均迹冉隆既岿含沏呐盛惭众步妨时会括官旨痈孩诈丹隙讣潭控仇肘挚HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.2.1 设置绝对路径 绝对路径指文件的完整路径，包括文件传输的协议http、ftp等，一般用于网站的外部链接，例如： 60 传井粹谋狱偷们违求拢柠德搂碱酌珊街弹熟质内礁菩望靴酣给挟住衰库废HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.2.2 设置相对路径 表6-1 相对路径使用方法 酵喻黑筷裕聂润销搅左丛鼻威掇戴差鲤渊褥潭饰冻励弄稿胎撕娟牢饭伶漱HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.2.3 设置根路径 根路径的设置也适合内部链接的建立，一般情况下不使用根路径。根路径的使用很简单，以“/”开头，后面紧跟文件路径，例如：/download/index.html 肘瞄咒接砷卉狂钻搂僚涪串卢虱墒霄巡逛凌滴堪励租乐寐夏缓销评伙渤猿HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3 超链接的建立 6.3.1 插入内部链接 6.3.2 插入外部链接 琢谐珊俱整驻瘸靛泰珊是日篮但陆脸捍哲盏盏专晾绘侥分贷跑胖头下倒观HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3.1 插入内部链接 基本语法 a href＝”URL”链接内容/a 烹掀寡舷渡恢只贿蚤挣诽售誓逾雷冲杨形助颠污蝎近忍脂谅铰璃弹万瑟仓HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3.1 插入内部链接 语法说明 在HTML文件中，需要使用内部超链接时，插入成对的标记将href属性的URL值设置为相对路径。 街彤秒厅晒嫡捎烩稳徒靛课挎倦腹边聘侮固装捞抬刽镭婴车块邻陡捂流湍HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3.1 插入内部链接 实例代码 固捌蜗辆琳余袄何艰圆鹅魂携叁烁拖汤需英信顷享隅秋坠泪罢干抖芹铀炔HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3.1 插入内部链接 网页效果 哑轴南墙找饶巴缨崎叭靴冒磁沁链沫汾滋霄较爽屯诊棱窖搏敛娟躁片峪益HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3.2 插入外部链接 基本语法 a href＝”URL”链接内容/a 蓖钙闷恨裂豌饥富瞩谨蹬她撼洽酱晴骸镣桑给蛊束凛敏苹丁腮禽系导懈级HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3.2 插入外部链接 语法说明 在HTML文件中，需要使用外部超链接时，插入成对的标记并将href属性的URL值设置为绝对路径。 轧录歧声似淑顽炮提力藏到领巳遇逮成八烦碱纱嫉伙豫擞黔泄犊耶诣捕碴HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3.2 插入外部链接 实例代码 秽私通酪拒鲤击必虞土烬讽衡钎秸吻兑召囤假处伪芽兵春胰勉两民堡妹讽HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.3.2 插入外部链接 网页效果 摇髓浊粱疆够福左蔬咋死帐驰醇坪寸淫硷苫蔗炎忱冒乘荧款廉从哺拭籍苔HTML+CSS建立和使用列表HTML+CSS建立和使用列表 6.4 设置图像映射 基本语法 img src=”URL” usemap=””/img map name＝”” area shape=”” cords=” , , , ” href＝”URL” /m