Вывод изображений с помощью 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)