HTML图片与超链接


网页中想要跳转到另外的一个页面就需要使用到超链接。语法形式:

<a href="http://www.baidu.com">百度链接</a>

一、超链接标签

一般而言这样是最简单的方式进行页面超链接跳转,但是还存在其他的属性。

  1. 在为了有利于搜索引擎检索你的内容时,添加title属性
  2. 而且还有一种需求,就是在何处打开你所链接的页面,这时需要用到target属性;
  3. 大部分的超链都只具有一个href属性,但是作为建议还应添加上title属性,形如:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>超链接</title>
    </head>
    <body>
        <a href="http://www.baidu.com" title="百度" target="_target">百度链接</a>
    </body>
</html>

target常用属性说明:

  1. _blank:在新的窗口之中打开链接页面;
  2. _self:在自身窗口打开链接页面,默认;
  3. _parent:现在的页面如果没有父框架,一般使用这个与_self基本上是一样的。

二、图片

现在大部分网页都具备图片元素,在正常情况下,直接使用标签进行图片加载:

<img src="img.jpeg" />

src属性值是图片的路径,可以是相对路径,也可以是绝对路径,一般使用的图片资源会整合在网页项目的某个文件下面,以便于调用和管理。

img也具有一些比较常用的其他元素:

  1. title: 这个属性是鼠标悬停在图片上,显示的提示信息;
  2. alt : 这个属性是当图片出现意外情况,图片没有正确显示的文本替换。
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>超链接</title>
    </head>
    <body>
        <img src="img.jpeg" title="pic" alt="image" />
    </body>
</html>

很多时候图片不是作为单独的使用,除非图片作为资源专程显示某些内容。

图片元素如今可以说是如今网页不可或缺的元素,所以在真正使用到图片的时候并不简单,比如轮播图,背景图或者图标等等,或许作为背景图,或许配合动画效果,是网页更加具有表现力。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM