当前位置：网站首页>Path and attribute labels of picture labels

Path and attribute labels of picture labels

2022-07-28 08:53:00 【1 South of Nancheng】

Path classification ：

Absolute path and relative path

1. Absolute path

1. Absolute path refers to the path where the file really exists on the hard disk .

Be careful ： Rarely used in actual development , Using absolute path can only browse on your own computer, everything is normal

2. Relative paths

Relative paths It refers to other files caused by the path of this file （ Or folder ） The path relationship of .

<!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> Picture path and attribute labels </title>
</head>
<body>
    <!-- 
         At the same directory 
        1.code.jpg
        2. ./code.jpg
     -->
    <img src="./1656487548968.jpg" alt="">
    <img src="1656487548968.jpg" alt="">

    <!--  Different level directories 
     2 ../code.jpg
    -->
    <img src="../1656487548968.jpg" alt="">
</body>
</html>

Picture attribute tag

<!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> Picture attribute </title>
</head>
<body>
    <img src="code.jpg" alt=" Prompt picture information " title=" Describe the function of the picture ">
    <img src="cede" width="200" height="200">
</body>
</html>

practice ： Write a simple web page

<!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> Simple web practice </title>
</head>
<body>
    <h1> Flower bee </h1>
    <P><strong> author :  Lin Qingxuan </strong>  &emsp;
        <strong> source : Meiwen reading network </strong>&emsp;
        <strong>  Published in 2016-03-08</strong>&emsp;
        <strong> Be read 18646 Time <strong> </P>
    <p> I sat in the yard , Enjoying a newly opened vermilion flower , It is the morning , Zhu mouhua is still carrying the dew of last night , Smile in the morning .</p>
    <p> Now , A bee came from the sun , It hardly hesitates , Stop on that Hibiscus , Invest like that 、 Absorbed and emotionally absorbed in the nectar . smile 、 Vermilion flowers with dew ; focus 、 Selfless bees , It looks like kissing </p>
    <img src="1.jpg" alt="1.jpg" width="400" height="300">
    <p> however , With what love did hibiscus flower and flower bee meet on the balcony of the city ？ This infinite and vast space-time , It makes me feel that a bee finds a hibiscus flower is a miracle ！ The line connecting their karma is not accidental ！</p>
    <p> however , With what love did hibiscus flower and flower bee meet on the balcony of the city ？ This infinite and vast space-time , It makes me feel that a bee finds a hibiscus flower is a miracle ！ The line connecting their karma is not accidental ！</p>
   
</body>
</html>