вставка картинки

Перед твором редагування додайте зображення на сторінку шляхом завдання тегів . Для редагування HTML-документа потрібно відкрити сторінку в будь-якому текстовому редакторі. Клацніть правою клавішею миші на файлі та виберіть атрибут «Відкрити за допомогою» - «Блокнот». Ви також можете вказати будь-який інший редактор, який вам буде зручніше використовувати для зміни коду.

Перейдіть до секції документа і знайдіть тег . Якщо зображення ще не додано на сторінку, впишіть наступний код:

Шлях до файлу зображення може бути як відносним, так і абсолютним. Атрибут alt відповідає за назву картинки і додавання до неї підписи, яка буде відображатися при наведенні покажчика миші на зображення.

зміна розміру

Щоб збільшити картинку, задайте їй відповідні параметри width і height, додавши атрибути до тегу картинки:

Відео: HTML5 уроки для початківців | # 10 - Відображення зображень в HTML

Параметр width відповідає ширину зображення, а height містить в собі показник висоти картинки. В даному випадку при відкритті сторінки в вікні браузера буде виведено зображення шириною 300 і висотою 350 пікселів. Щоб змінити установки форматування на сторінці ви також можете додати атрибути hspace і vspace:

В даному дескрипторі були задані горизонтальний (hspace) і вертикальний (vspace) відступи від зображення. Будь доданий на сторінку текст буде віддалений від зображення на 5 пікселів по горизонталі і на 10 пікселів по вертикалі. Атрибут border відповідає за створення рамки навколо картинки розміром 1 піксель.

Варто відзначити, що розмір зображення може здаватися не тільки в пікселях, але і в процентному співвідношенні щодо розміру вікна браузера. наприклад:

В результаті роботи даного коду зображення буде розтягнуто по всій ширині вікна. Варто зауважити, що картинка в такому випадку може отримати спотворення. Відображення картинки в збільшеному вигляді залежить від якості самого зображення.

Збережіть зроблені зміни за допомогою функції «Файл» - «Зберегти» вікна «Блокнота». Перевірте відображення картинки у вікні браузера, відкривши файл HTML натисканням правою клавішею миші та вибравши опцію «Відкрити за допомогою». У списку запропонованих варіантів виберіть програму, яку ви використовуєте для перегляду сторінок в інтернеті. Для коригування розміру зображення ви можете відредагувати файл HTML будь-яку кількість разів.