Урок №8. Работа с изображениями в HTML5


   

Урок №8. Работа с изображениями в HTML5

Для работы с изображениями в HTML5 используется тег <img>.

У тега <img> может быть шесть атрибутов:

src - источник, откуда подгружается изображение
alt - альтернативный текст для изображения
title - всплывающая подсказка при наведении курсора на изображение
width - ширина изображения
height - высота изображения
align - положение изображения на странице.

Для вставки картинки в веб-страницу добавьте следующий код:

<img src="ссылка на картинку" alt="описание картинки">

КОД:
<!DOCTYPE html>
<html>
   <head>
      <meta charset=”windows-1251” />
      <title>Работа с изображениями в HTML5</title>
   </head>
   <body>
      <img src="dog.jpg" alt="щенок">
      <p style="text-align: center;"><img src="dog.jpg" alt="щенок"></p>
      <p style="text-align: right;"><img src="dog.jpg" alt="щенок"></p>
   </body>
</html>


Для выравнивания картинки по центру можно добавить атрибут style:

<p style="text-align: center;"><img src="ссылка на картинку" alt="описание картинки"></p>

Для выравнивания картинки справа замените слово "center" на "right".



   Скачать исходник (30 кб)

   

Страница обновлена 18 сентября 2022 года.