Вставка зображень в html-документ
Для завантаження зображення використовується тег img. при цьому вказується абсолютний або відносний шлях до файлу. Вказавши відносний шлях, картинка повинна бути збережена в папці з сайтом в папці з зображеннями.
- зображення в папці images
Після завантаження картинки, її розмір можна змінити, за допомогою атрибутів ширини (width) та висоти (height):
Крім вставки в контенті, зображення може бути фоном сайту. Для цього його потрібно вказати в тезі body за допомогою атрибута background:
Позиціонування зображення в тексті
Після вставки зображення, його потрібно позиціонувати в тексті, для цього застосовується атрибут align.
Після цього зображення вирівняється зліва від тексту, так як вказано значення left. щоб вирівняти праворуч - вказати значення right. Також текст може розташовуватися вгорі (top), внизу (bottom) або посередині (middle) щодо картинки.
Після вирівнювання зображення і тексту зазвичай потрібно встановити відступ між ними. Це можна зробити за допомогою атрибутів hspace і vspace:
- відступ по вертикалі
- по горизонталі
Для переривання обтікання зображення можна скористатися тегом br з атрибутом all:
початок
текст.
Після тега br. текст зупинить обтікання і виявиться під малюнком.
Додаткові операції з зображеннями
До зображенні прийнято встановлювати опис, яке здасться при наведенні:
За замовчуванням зображення задається рамка зі значенням 1, щоб її прибрати слід встановити значення 0