Question

我是html的新手。我一直在尝试插入图片

http://placehold.it/1000x500

在以下html代码中

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Framework Test page</title>
    <link rel="stylesheet" href="css/main.css">
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
</head>
<body>

    <div class="grid">

        <div class="row">
            <div class="col-2">2 Columns</div>
            <div class="col-10">ss</div>
        </div>

        <div class="row">
            <div class="col-3">3 Columns</div>
            <div class="col-9">9 Columns</div>
        </div>

        <div class="row">
            <div class="col-4">4 Columns</div>
            <div class="col-4">4 Columns</div>
            <div class="col-4">4 Columns</div>
        </div>


    </div>
    <div class="image"><img="http://placehold.it/1000x500" alt="Yoo"></div>
</body>
</html>

使用css文件

*{
    border: 1px solid red !important;
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.grid{
    margin: 0 auto;
     max-width: 1200px;
    width: 100%;
}
.row{
    width:100%;

    display: flex;
    flex-wrap: wrap;
}
*{
    font-family: 'Lato', sans-serif;
}
.text{
    margin:20px;
}
.col-1{
    width:8.33%;
}
.col-2{
    width:16.66%;
}
.col-3{
    width:25%;
}
.col-4{
    width:33.33%;
}
.col-5{
    width:41.66%;
}
.col-6{
    width:50%;
}
.col-7{
    width:58.33%;
}
.col-8{
    width:66.66%;
}
.col-9{
    width:75%;
}
.col-10{
    width:83.33%;
}
.col-11{
    width:91.66%;
}
.col-12{
    width:100%;
}

但是当我在浏览器中打开文件时，我无法获取图像。但是为另一个html代码显示相同的图像。请告诉问题和解决方案。

Answer 1

出错

<img="http://placehold.it/1000x500" alt="Yoo">

你有forgottton添加src=部分。

相反，请使用：

＆＃13;

<img src="http://placehold.it/1000x500" alt="Yoo">

＆＃13;

Answer 2

您错过了src。图像的正确语法是：

<img src="http://placehold.it/1000x500" alt="Yoo" />

Answer 3

更改此行

http://router.project-osrm.org/viaroute

要

<div class="image"><img="http://placehold.it/1000x500" alt="Yoo"></div>

Answer 4

使用此

<div class="image"><img src="http://placehold.it/1000x500" alt="Yoo" border="0" /></div>

Answer 5

<div class="image"><img src="http://placehold.it/1000x500" alt="Yoo"></div>

Answer 6

用此

替换图像代码

print_r($terms)

Answer 7

你的html中有错误..

替换此行：

<div class="image"><img="http://placehold.it/1000x500" alt="Yoo"></div>

使用此行

<div class="image"><img src="http://placehold.it/1000x500" alt="Yoo"></div>

点击此处的演示： http://jsfiddle.net/4h5e0ha5/

Answer 8

语法错误你应该添加src（source）属性来链接来自驱动器或网站的任何图像只需添加

    <img src="path" />

并且不要忘记关闭标签：P

在html代码中添加图像

8 个答案: