HTML学习笔记5—超链接

1.超链接的基本格式

格式:<a href=scheme://host[:post]/path/filename >…</a>

scheme://host[:port]/path/filename

scheme 指的是http,ftp,file,mailto,news,gopher,telnet七种

host 指的是IP 地址或计算机名称

port 指的是服务器端口

path 指的是文件路径

filename 指的是文件名

2.超链接的种类

一般常用的分为四种:

(1)http

<a href=http://www.163.com/images/logo.htm>网易logo</a>

文字链接:默认的文字是蓝色+下划线

(2)file

<a href=file:///e/images/pic.jpg>图片</a>

图像链接:默认的蓝色边框

(3)ftp

<a href=ftp://192.168.4.21/>进入</a>

(4)mailto <a href=mailto:[email protected]>E-MAIL</a>

3.相对路径与绝对路径

绝对路径是指完整的输入文件的路径,如:E:\Note\Html\9.1803\1.jpg

相对路径是指以当前网页所在的目录为参照点,写出的文件路径,一般情况下,插入图片等文件时,使用的是相对路径。

相对路径:

同一级:路径名称:1.jpg

上一级:路径名称:../1.jpg

下一级:路径名称:images/1.jpg

同级不同目录:路径名称:../images/1.jpg

4.书签链接

基本格式:

链接到当前网页的书签项目(在同一个页面中跳转):

瞄点<a name="a1">…</a>

链接点<a href="#a1">…</a>

链接到别的网页的书签项目(在不同页面中跳转):

基本格式:

瞄点<a name="a1">…</a>

链接点<a href="index.html#a1">…</a>

5.链接的属性

(1)name属性

格式:<a href="URL" name="字符串">…</a>

功能:设置超链接的标记,用于书签链接指定位置。

(2)target属性

blank -- 在新窗口中打开链接

new  -- 同blank,在新窗口中打开链接

parent -- 在父窗体中打开链接

self -- 在当前窗体打开链接,此为默认

top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

other 一个对应的框架页的名称 -- 在对应框架页中打开

(3)title属性

格式:<a href="URL" title="字符串">…</a>

功能:设置链接注释。鼠标指到超链接上时,显示的文字

例如:<a href="http://www.taobao.com" target="blank" title="文字注释">

6.<body link="#078713" alink="#234423" vlink="#123456"> link设置Body中的所有连接的颜色,alink 点击时,vlink 点击后(兼容性不是很好)

<a style="text-decoration:none;">设置链接的下划线为无,清除a标签下的默认下划线

<a href="">单击此链接会打开当前网页Html保存的位置(某些浏览器不兼容,点击此链接不会打开Html的保存位置,而是返回该页的顶部)

<a href="#">单击此链接,将会返回当前页面的顶部

将<font>标签写在<a>标签里面,可以修改链接文字的颜色和下划线的颜色

时间: 2024-08-01 22:43:03

HTML学习笔记5—超链接的相关文章

[原创]java WEB学习笔记35:java WEB 中关于绝对路径 和相对路径问题

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

学习笔记 intent属性

Android开发学习笔记:Intent的简介以及属性的详解 2011-08-08 17:20:48 标签:Intent 移动开发 Android 休闲 详解 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://liangruijun.blog.51cto.com/3061169/634411 一.Intent的介绍 Intent的中文意思是“意图,意向”,在Android中提供了Intent机制来协助应用间的交互与通讯,Inte

机器学习-李航-统计学习方法学习笔记之感知机(2)

在机器学习-李航-统计学习方法学习笔记之感知机(1)中我们已经知道感知机的建模和其几何意义.相关推导也做了明确的推导.有了数学建模.我们要对模型进行计算. 感知机学习的目的是求的是一个能将正实例和负实例完全分开的分离超平面.也就是去求感知机模型中的参数w和b.学习策略也就是求解途径就是定义个经验损失函数,并将损失函数极小化.我们这儿采用的学习策略是求所有误分类点到超平面S的总距离.假设超平面s的误分类点集合为M,那么所有误分类点到超平面S的总距离为 显然损失函数L(w,b)是非负的,如果没有误分

struts2学习笔记(二)—— 获取登录信息及计算在线人数

实现目的: 1.点击"Login"的超链接,进入登录页面 2.填写登录信息,提交表单,将用户信息保存进Session 3.显示用户名,并计算在线人数 4.点击"Logout"的超链接,在线人数减一,并使Session失效 Struts2实现: 1.配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http:/

[原创]java WEB学习笔记25:MVC案例完整实践(part 6)---新增操作的设计与实现

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

学习笔记(一)HTM标签

学习笔记(一)HTML基础知识 HTML:超文本标记语言(Hyper Text Markup Lanuage) HTML就是砌墙,把适当的砖块摆在合适的位置,就能完成一个页面. (一)网页文件命名: a.不可以用中文 b可以使用英文或数字,也可以用拼音,但不要中西合并. c.大小写问题:windowzz操作系统不区分大小写,Linux区分大小写, 所以要求统一区分大小写. d.后缀名必须是html. e.声明html文件时, 最好不要使用特殊数字符,可以用减号或下划线. (二)基本框架: bod

CSS学习笔记(1):选择器

一.元素选择器 HTML文档元素就是最基本的选择器 如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style type="text/css"> p {color:blue;} </style> </head> &

CSS学习笔记总结和技巧

跟叶老师说项目,他叫我写一个静态首页,看起来挺简单的,但是下手才发现在真的不会怎么下手啊,什么模型啊模块啊都不懂,写毛线啊!! 如图:页面下拉还有侧栏,中间内容等. 可是答应跟老师做了,不能怂啊,于是硬着头皮,花两三天看在慕课网上学习Bootstrap(讲得挺好的,建议大白去看一下),其实我刚看完不久,里面很多东西其实作者都总结得很不错,还有演示. 收获很多,打算再看一下HTML的div+css布局,花一两天时间就可以写完那个界面.就是这么自信,哈哈哈~ 不逼自己一把,你永远不知道自己有多优秀.

MyBatis MapperScannerConfigurer配置――MyBatis学习笔记之八

MyBatis MapperScannerConfigurer配置——MyBatis学习笔记之八 2012-09-02 20:01:42 标签:Spring MyBatis MapperScannerConfigurer bean默认命名 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://legend2011.blog.51cto.com/3018495/980150 在上一篇博文的示例中,我们在beans.xml中配置了stu