创建超链接课件
创建超链接,创建文件链接 创建图像链接 创建图像热点链接 创建锚点链接,超链接之HTML 超链接之CSS CSS之派生选择器,在一般情况下,创建文件链接都是在“属性”面板中的“链接”文本框中完成的。使用“属性”面板可以给当前文档中的文本或者图像添加链接。,创建文件/图像链接,创建文件/图像链接,“目标”下来列表中的4个选项: _blank:将被链接文档加载到新的未命名浏览器窗口中。 _parent:将被链接文档加载到父框架集或包含该链接的框架窗口中。 _self:将被链接文档加载到与该链接文字相同的框架或窗口中。 _top:将被链接文档加载到整个浏览器窗口并删除所有框架。,创建图像热点链接,图像热点链接可以将一幅图像分割为若干个区域,并将这些区域设置成热点区域。可以将这些不同热点区域链接到不同页面,当浏览者单击图像上不同的热点区域时,就可以跳转到不同的页面。,热点工具: “矩形热点”工具、 “椭圆热点”工具、 “多边形热点”工具,方法:选中图像,单击“属性”面板中的“热点工具”按钮,绘制一个矩形热点,在“属性”面板中设置“链接”。,创建图像热点链接,创建锚点链接,在制作网页时,有些页面内容较多,页面就可能变长。为了方便浏览,可以在页面中创建锚点链接。,在网页中将光标置于要插入锚点链接的位置,执行“插入”菜单,选择“命名锚记”命令,打开“命名锚记”对话框。,“命名锚记”对话框,超链接之HTML语言,超级链接是用锚元素定义的 在元素下,有元素属性href, href的属性值为一个URL地址 如:指向搜狐网站的超级链接 如:普通超级链接,超级链接普通超级链接1,超级链接新开链接窗口,开一个新的(浏览器)窗口 (Target Window) . ,超级链接锚点, 指向本页面锚点aa的超级链接 指向23页面的锚点top的超级链接,超链接之CSS,超级链接四种状态,链接的特殊性在于能够根据它们所处的状态来设置它们的样式。 链接的四种状态: a:link - 普通的、未被访问的链接 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻,CSS之派生选择器,CSS之派生选择器,通过依据元素在其位置的上下文关系来定义样式 。 比方说,希望列表中的 strong 元素变为斜体字 。,li strong font-style: italic; font-weight: normal; ,我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用 我是斜体字。这是因为 strong 元素位于 li 元素内。 我是正常的字体。 ,