Я новичок в html. Я пытался вставить изображениеДобавление изображения в html-код
в следующем 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-кода. Пожалуйста, сообщите о проблеме и решении.
IMG тег Самозакрывающиеся, что вам нужно закончить тег «/>», а не «>». Также вам нужно начать с