超链接
超级链接在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。 各个网页链接在一起后,才能真正构成一个网站。 所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页, 也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。 而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。 当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。
a标签 <a href=""></a>
路径
相当路径
--相当于自身
当前目录 ./ 获取 不写./
上一个目录 ../
上上一个目录 ../../
绝对路径
以http:// 开头的
根路径
/网站根目录
超链接的属性
1. href="" url地址信息
2. title="" 提示信息
3. target="" _self(原窗口打开) _blank(在新窗口打开)
4. download 下载
5. alt 描述信息 给搜索引擎收录用的
url: http://baidu.com 协议和域名
url: http://www.w3school.com.cn/info/conf/index.php?p=1
1. http:// 协议
2. www.w3school.com.cn 域名
3. /info/conf/ 路径
4. index.php 文件名
5. ?p=1 查询信息 (常出现于表单)
url: http://www.w3school.com.cn/info/conf/index.php#page
1. http:// 协议
2. www.w3school.com.cn 域名
3. /info/conf/ 路径
4. index.php 文件名
5. #page 锚点
---需要操作系统有outlook email: <a href=”mailto:mayun@lampbrother.net”>发邮件</a> 电话: <a href=”tel:110”></a> 信息... <a href=”sms:100”></a>(需要window系统装有outlook)
锚点
设置锚点 <a name="page"></a>
访问锚点 <a href="#page"></a>
图片
<img>
常用的图片格式
jpg png gif webp(chrome的新格式)
如果图片过大,需要压缩(ps)
图片的属性
1. src 图片的地址
2. alt 当图片加载失败 的提示信息
3. width 设置图片宽度
4. height 设置图片高度
----不要同时设置
5. border 设置图片边框
6. ismap 当图片作为链接时,将点击时的坐标传到服务器
7. usemap 图片的映射(热点)
<img src="" usemap="#myimg"> <!--为了兼容 加上#-->
<map id="myimg" name="myimg">
<area shape="circle|poly|rect" coords="坐标" href="url地址">
<area shape="circle|poly|rect" coords="坐标" href="url地址">
<area shape="circle|poly|rect" coords="坐标" href="url地址">
</map>
浙公网安备 33010602011771号