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
则是对这个图片的描述