html教程-第二章-3.pptx

第一章 网页设计与网站建设的基础知识 第二章 HTML超文本标记语言第三章 网页设计工具Dreamweaver第四章 CSS层叠样式表第五章 JavaScript脚本编程第二章HTML超文本标记语言主要内容HTML文档机构头部及主体标记文字、段落、列表及图片标记超链接、多媒体及表格标记框架及表单标记超链接标记浏览者通过单击文本或图片对象，可以从一个页面跳到另一个页面，或从页面的一个位置跳到另一个位置，实现这样的功能的对象称之为超链接创建超链接的条件：必须同时存在两个端点。一个是源端点；另一个是目标端点源端点：指网页中的提供链接单击的对象， 如链接文本或链接图像目标端点：指链接跳过去的页面或位置， 如某网页、书签等超链接标记target属性 值 描 述_blank在新窗口中打开链接文档_self在同一个帧或窗口中打开链接文档（默认属性）_parent在上一级窗口中打开，一般在框架页中经常使用_top在浏览器的整个窗口中打开，忽略任何框架框架窗口名在指定的框架窗口中打开链接文档属 性 描 述href指定链接路径（必设属性）name定义书签名称target指定打开链接目标文件的窗口title设置链接提示文字 创建超链接使用的标记为a 超链接标记常用属性：超链接类型根据超链接的目标端点来分，超链接可分为：内部链接外部链接书签链接脚本链接文件下载链接根据超链接的源端点来分，超链接可分为：文本链接图像链接图像映射内部链接内部链接是指在同一个网站内部，不同网页之间的链接关系基本语法 a href=“file_name”链接文字/图片/a语法解释 通过“href”属性指定目标端点； “file_name”为要链接文件的路径，一般使用相对路径；提供给鼠标单击的内容，即源端点，既可以使用“文字”，也可以使用“图片”内部链接html headtitle创建超链接/title/headbodya href=welcome.html我的第一个超链接/a/body/html内部链接headtitlewelcom.html/title/headbodyh1font color=#FF0000恭喜您！超链接创建成功！/font/h1/body/html外部链接外部链接是指跳转到当前网站外部，和其他网站中的页面或其他元素之间的链接关系。基本语法 a href=“URL”链接文字/图片/a语法解释 通过“href”属性指定目标端点； “URL”为要链接文件的路径，一般情况下，该路径需要使用绝对路径；提供给鼠标单击的内容，即源端点，既可以使用“文字”，也可以使用“图片”外部链接htmlheadtitle创建内部和外部链接/title/headbodypa href=welcom.html 内部超链接/a/ppa href=链接到外部网站 /a/ppa href=mailto:cred_n@163.com ? subject=意见或建议 cc=nch@意见或建议(邮件链接）/a/p/body/html邮件链接a href=mailto:cred_n@163.com ? subject=意见或建议 cc=nch@意见或建议(邮件链接）邮件1：收件人邮箱地址subject：设置邮件主题cc:设置抄送邮箱地址注意：？，两个符号后面都不能包含空格书签链接书签链接：指目标端点为网页中的某个设置了称为书签标记的位置的链接创建书签链接步骤：创建书签为书签制作链接书签链接书签名设置规范：1）书签名不支持中文，只能使用字母和数字2）书签名区分英文字母大小写3）书签名间不能含有空格，也不能含有特殊字符建立书签基本语法 a name=“书签名”[文字/图片]/a语法解释 [文字/图片]中的“[]”表示文字或图片可有可无，书签将在光标处建立一个名为“name”属性值所规定的书签书签链接基本语法链接到同一页面中的书签： a href=“#书签名”链接文字/a链接到其他页面中的书签: a href=“file_name#书签名”链接文字/a语法解释 “书签名”是已定义的书签名，“file_name”是要跳转到的页面路径。示例*脚本链接在链接语句中，可以通过脚本来实现HTML语言完成不了的功能。基本语法 a href=“javascript:…”链接内容/a语法解释 在javascript:后面编写的就是具体的脚本文件下载链接要创建文件下载，只要在链接地址处输入文件路径即可，当用户单击链接后，浏览器会自动判断文件类型，以做出不同情况的处理，如直接打开，或弹出下载对话框供下载可用于下载的文件类型有.doc、.Rar、.cab、.zip、.exe等文件下载链接bodya href=resources/test.docword文档文件下载/