路径（绝对路径和相对路径）和图片元素_页面里面图片的相对地址带端口号嘛-CSDN博客

路径的写法

站内资源和站外资源

站内资源：当前网站的资源

站外资源：非当前网站的资源

绝对路径和相对路径

站外资源：绝对路径（可以使用相对）

站内资源：相对路径

绝对路径书写格式：

url地址：

…
协议名：//主机名:端口号/路径

schema://host:port/path
…
https://www.bilibili.com/video/BV1yx411d7Rc

协议名： http,https,file
http://www.renren.com/

file(本地文件)

主机名：域名，ip地址

端口号：如果是http协议，默认端口号是88，如果是https协议，默认端口号是443

图片元素

img元素

image缩写，空元素

src属性：source

alt属性：当图片资源失效时，将使用该属性代替图片

和a元素连用

和map元素

map：地图

map的子元素： area

衡量工具

中target目标的四个参数的用法：
1、target=“_self"表示：将链接的画面内容，显示在目前的视窗中。(内定值) 。即：同窗口打开。
2、target=”_parent"表示：将链接的画面内容，当成文件的上一个画面。即：当前窗口打开。
3、target=“_top"表示：将框架中链接的画面内容，显示在没有框架的视窗中（即除去了框架)。即：顶端打开窗口。
4、target=”_blank"表示：将链接的画面内容，在新的浏览视窗中打开。即：打开新窗口。

当网页没有框架时，target=“_self"和target=”_parent"以及target="_top"三种方式的显示方式几乎相同。

和figure元素

指代，定义，通常用于把图片，图片标题，描述包裹起来
子元素：figcation 指代标题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <figure>
        <!--
            图片上的超链接 ，shape形状，circle圆，rect矩形，coords坐标+范围,target跳转
        -->
        <img usemap="#solar-map"src="" alt="">
        <map name="solar-map ">
        <area shape="circle" coords="100,100,50" href="" alt=""target="">
        <area shape="rect" coords="100,100,150,150" href="" alt="">
        </map>
        <figcaption>
            <h2>图片资料</h2>
        </figcaption>
        
    </figure>
    
</body>
</html>