Вывод изображений с помощью img.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Images: img</title>
<style>
body {
font-size: 20px;
}
article {
width: 480px;
margin: auto;
}
h1, #htmldog {
text-align: center;
}
</style>
</head>
<body>
<article>
<h1>Изображения</h1>
<p>HTML-изображения, вставленные с помощью <a href="https://foxyforex.ru/html/html-teg-img">тега <code>img</code></a>, используется для значимого контента.</p>
<img src="https://foxyforex.ru/wp-content/uploads/2023/09/ecuador_anaconda.jpg" width="480" height="287" alt="Anaconda">
<p>Мы знаем, что такое долг, сидим вместе, консектируем элиту, занимающуюся борьбой с ожирением, и делаем все возможное, чтобы избежать несчастных случаев в труде и великой печали.</p>
<img src="https://foxyforex.ru/wp-content/uploads/2023/09/ecuador_tarantula.jpg" width="480" height="360" alt="Tarantula">
<p>Мы знаем, что такое долг, сидим вместе, консектируем элиту, занимающуюся борьбой с ожирением, и делаем все возможное, чтобы избежать несчастных случаев в труде и великой печали. Мы делаем все возможное для минимизации ущерба, и это не означает, что мы будем трудиться в поте лица, без каких-либо последствий для нашего коммодора.</p>
<img src="https://foxyforex.ru/wp-content/uploads/2023/09/ecuador_owlMonkeys.jpg" width="480" height="315" alt="Owl monkeys">
</article>
</body>
</html>Страницы в тему:
- Фоновые изображения
- Изображения (Урок HTML для начинающих)
- Расширенные цвета (Внушительный урок CSS)