Мова разметкіhtml - тег . У цій статті, ми розглянемо роботу тега, для відображення на сторінці зображень. Зображення повинні мати формат png, jpeg, gif.
У минулій статті, ми з вами почали вивчати мову розмітки гіпертексту - HTML.
Ми подивилися роботу деяких тегів мови HTML, зокрема, як можна форматувати текст тегом .
Крім того, ми з Вами відзначили, що мова розмітки гіпертекстаhtml. має в своєму складі обов'язкові теги, які повинні бути присутніми в будь-якому документі HTML (будь web-сторінці), в обов'язковому порядку.
Сьогодні ми продовжимо вивчення HTML. І в цій статті, давайте подивимося, як, додати зображення на HTML сторінку.
Для того, щоб на сторінку додати картинку, в мові разметкіhtml. використовується тег c різними атрибутами.
Припустимо, ми вирішили на HTML сторінку додати зображення, картинку,
Для додавання на сторінку даного зображення, необхідно набрати наступний HTML код:
img - Тег "зображення"
width = "150" - Ширина зображення
height = "176" - Висота зображення
alt = "Текстовий опис" - Текст для опису зображення
В результаті, браузер відобразить на сторінці цю картинку:
Як бачите, для додавання на сторінку зображення, необхідно вказати
Шлях веде вказувати, якщо зображення і файл HTML лежать в різних папках.
Крім того, необхідно вказати геометричні розміри картинки, тобто, ширину і висоту зображення.
Крім того, можна додати текстовий опис до зображення.
align - визначає, як малюнок буде вирівнюватися на сторінці і спосіб
обтікання малюнка текстом.
alt - альтернативний текст для зображення.
border - товщина рамки навколо зображення.
height - висота зображення.
hspace - горизонтальний відступ від зображення до навколишнього контенту.
ismap - говорить браузеру, що картинка є серверної
lowsrc - шлях до графічного файлу низького дозволу для
src - шлях до графічного файлу.
vspace - вертикальний відступ від зображення до навколишнього контенту.
width - ширина зображення.
Використовуючи наведені вище параметри тега , ми зможемо розмістити картинку в будь-якій частині сторінки, і вирівняти текст щодо картинки, так як нам необхідно.
Причому, цей сайт, ми будемо набирати вручну, в блокноті.
У процесі створення сайту, ми з вами будемо користуватися HTML довідником, який я вам пропоную скачати.
Крім того, рекомендую скачати іншу літературу по HTML.
Ось перелік першокласних електронні книг по HTML:
Отже, в цьому уроці, ми з вами продовжили вивчати роботу деяких тегів мови розмітки гіпертексту HTML.
Інші новини по темі: