вставка картинки
Перед твором редагування додайте зображення на сторінку шляхом завдання тегів . Для редагування HTML-документа потрібно відкрити сторінку в будь-якому текстовому редакторі. Клацніть правою клавішею миші на файлі та виберіть атрибут «Відкрити за допомогою» - «Блокнот». Ви також можете вказати будь-який інший редактор, який вам буде зручніше використовувати для зміни коду.
Перейдіть до секції
документа і знайдіть тег . Якщо зображення ще не додано на сторінку, впишіть наступний код:Шлях до файлу зображення може бути як відносним, так і абсолютним. Атрибут alt відповідає за назву картинки і додавання до неї підписи, яка буде відображатися при наведенні покажчика миші на зображення.
зміна розміру
Щоб збільшити картинку, задайте їй відповідні параметри width і height, додавши атрибути до тегу картинки:
Параметр width відповідає ширину зображення, а height містить в собі показник висоти картинки. В даному випадку при відкритті сторінки в вікні браузера буде виведено зображення шириною 300 і висотою 350 пікселів. Щоб змінити установки форматування на сторінці ви також можете додати атрибути hspace і vspace:
В даному дескрипторі були задані горизонтальний (hspace) і вертикальний (vspace) відступи від зображення. Будь доданий на сторінку текст буде віддалений від зображення на 5 пікселів по горизонталі і на 10 пікселів по вертикалі. Атрибут border відповідає за створення рамки навколо картинки розміром 1 піксель.
Варто відзначити, що розмір зображення може здаватися не тільки в пікселях, але і в процентному співвідношенні щодо розміру вікна браузера. наприклад:
В результаті роботи даного коду зображення буде розтягнуто по всій ширині вікна. Варто зауважити, що картинка в такому випадку може отримати спотворення. Відображення картинки в збільшеному вигляді залежить від якості самого зображення.
Збережіть зроблені зміни за допомогою функції «Файл» - «Зберегти» вікна «Блокнота». Перевірте відображення картинки у вікні браузера, відкривши файл HTML натисканням правою клавішею миші і вибравши опцію «Відкрити за допомогою». У списку запропонованих варіантів виберіть програму, яку ви використовуєте для перегляду сторінок в інтернеті. Для коригування розміру зображення ви можете відредагувати файл HTML будь-яку кількість разів.