Як вставити картинку в html. html hbceyjr yf pflybq gkfy ntrcnf.

Поряд з текстом, фотографії та картинки мають велике значення для дизайну сторінок інтернет-сайтів.

Для того щоб помістити зображення, його потрібно попередньо відредагувати. Для цього можна використовувати редактор FrontPage. Він дозволяє вставити картинку в html правильно з файлів різних графічних форматів: BMP, JPEG, GIF, TIFF та інших. Крім того, що можна використовувати зображення з диска комп'ютера, або завантажуються за Інтернету, в програмі також міститься і своя бібліотека картінок.Откриваем свій сайт і запускаємо редактор. Вибираємо команду на панелі завдань «Вид», потім «Папки» щоб відкрити режим перегляду файлів на сайті. Подвійним клацанням відкриваємо перелік файлів. Відкриється сторінка tour2.html в режимі редагування. Встановлюємо курсор на сторінці, де будемо розміщувати картинку, і клацанням миші активуємо кнопку вставки малюнка на панелі інструментів «Стандартна». Відкриється діалогове вікно - Picture. Щоб вставити картинку в html, вказуємо шлях для завантаження на жорсткому диску, і натискаємо кнопку Insert. Зображення з файлу відобразиться на сторінці сайта.Теперь потрібно картинку відредагувати. У такому вигляді вона може перекривати наявні елементи або розташовуватися дуже близько до тексту і, відповідно, зливатися з ним. Щоб змінити розмір картинки, клацаємо мишею на ній. Навколо картинки відобразиться рамка. Тепер можна перетягувати за допомогою миші картинку за будь-який з кутів. На панелі інструментів (Toolbars) вибираємо команду «Картинки» (Pictures). На екрані з'явиться панель інструментів - Pictures, за допомогою якої можна:

  • помістити текстовий матеріал поверх картинки формату GIF;
  • перемістити картинку на задній план;
  • повертати картинку за годинниковою стрілкою;
  • застосовувати дзеркальне відображення і т.д.

Також з переліку команд можна активувати функцію «Вирівнювання», за допомогою якої можна відрегулювати розміщення картинки відносно близько розташованого тексту. Для цього в поле вводу «Товщина кордону» потрібно вказати цифрове значення, яке задасть товщину рамки навколо нього. Якщо рамка не потрібна, тоді можна встановити значення в поле Horizontal spacing і Vertical spacing, наприклад - 10. Це розмір відступу, вимірюваний в пікселях від картинки до інших елементів сторінки html. Встановлюємо прапорець навпроти «Поставити розмір» (Specify size), і вводимо величину для ширини і висоти. Зберігаємо внесені зміни і перевіряємо, як виглядає картинка на сторінці.