Home / Інтернет / Веб програмування / Як вставити картинку в html

Як вставити картинку в html

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

Для того щоб розмістити зображення, його потрібнопопередньо відредагувати. Для цього можна використовувати редактор FrontPage. Він дозволяє вставити картинку в html правильно з файлів різних графічних форматів: BMP, JPEG, GIF, TIFF і інших. Крім того, що можна використовувати зображення з диска комп'ютера, або завантажуються з Інтернету, в програмі також міститься і своя бібліотека картинок.

Відкриваємо свій сайт і запускаємо редактор. Вибираємо команду на панелі завдань & laquo-Від & raquo-, потім & laquo-Папки & raquo- щоб відкрити режим перегляду файлів на сайті. Подвійним клацанням відкриваємо перелік файлів. Відкриється сторінка tour2.html в режимі редагування. Встановлюємо курсор на сторінці, де будемо розміщувати картинку, і клацанням миші активуємо кнопку вставки малюнка на панелі інструментів & laquo-Стандартна & raquo-. Відкриється діалогове вікно - Picture. Щоб вставити картинку в html, вказуємо шлях для завантаження на жорсткому диску, і натискаємо кнопку Insert. Зображення з файлу відобразиться на сторінці сайту.

Тепер потрібно картинку відредагувати. У такому вигляді вона може перекривати наявні елементи або розташовуватися дуже близько до тексту і, відповідно, зливатися з ним. Щоб змінити розмір картинки, клацаємо мишею на ній. Навколо картинки з'явиться кадр. Тепер можна перетягувати за допомогою миші картинку за будь-який з кутів.

На панелі інструментів (Toolbars) вибираємо команду & laquo-Картинки & raquo- (Pictures). На екрані з'явиться панель інструментів & ndash- Pictures, за допомогою якої можна:

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

Також з переліку команд можна активуватифункцію & laquo-Вирівнювання & raquo-, за допомогою якої можна відрегулювати розміщення картинки відносно близько розташованого тексту. Для цього в поле вводу & laquo-Товщина кордону & raquo- потрібно вказати цифрове значення, яке задасть товщину рамки навколо нього.

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

Як вставити картинку в html was last modified: Червень 20th 2017 by wiywyajh
It is main inner container footer text