链接和图片

a链接
a链接的基本用法:
<a href="http://www.google.com">google</a>
href:指所要跳转的网页链接。
<a>:a标签内指的是显示跳转链接的文本。

当然,在href中不一定只能是网页的URL链接,也可以是文件所在的路径。这里的路径分为两种:绝对路径相对路径

  <a href="/a/b/c.html">绝对路径</a>
  <a href="a/b/c.html">相对路径</a>
  <a href="../../c.html">相对路径</a>

a链接有一个自有属性为target,这个属性的作用是打开新页面(文件)的方式。常用的属性值如下:

  • <a href="http://www.google.com" target="_self">google</a>:默认打开页面的方式,在当前页面打开新的页面。
  • <a href="http://www.google.com" target="_blank">google</a>:打开一个新的页面,在新的页面加载跳转链接。

图片
img标签
使用方法:<img src="./image.jpg" alt="logo" />
其中:
src:表示图片的源地址
alt:表示如果图片加载失败,则给用户一个提示,提示用户这张图片所表达的意义。
注意: img是一个自闭合标签

figure
使用方法:

  <figure>
    <img src="./image.jpg" alt="logo">
    <figcaption>图片说明</figcaption>
  </figure>

这个元素是一种可组合的元素,它可以作为图片和图片说明的共同的容器。如上述代码所示,img就是图片,而figcaption则是对这个图片的描述

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容