русс | укр

Мови програмуванняВідео уроки php mysqlПаскальСіАсемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование


Linux Unix Алгоритмічні мови Архітектура мікроконтролерів Введення в розробку розподілених інформаційних систем Дискретна математика Інформаційне обслуговування користувачів Інформація та моделювання в управлінні виробництвом Комп'ютерна графіка Лекції


Шановні українці! Матеріал був перекладений з російської мови. Тому можуть бути незначні помикли...

Вставити зображення в html

Напевно, жоден сайт не обійдеться без вставки зображення. Щоб вставити зображення в html застосовується тег <IMG>, який використовує наступні параметри:

  • SRC - URL адресу файлу з графічним зображенням. URL має наступний формат: http://host[:port][path], де
    • http - назва протоколу передачі гіпертексту;
    • - host IP-адреса або доменне ім'я комп'ютера;
    • port - номер порту;
    • path : шлях до файлу.
  • ALT - Альтернативна текстовий рядок (виводиться на екран замість зображення, якщо з якоїсь причини воно не вывелось)
  • ALIGN - вирівнювання зображення щодо тексту:
    • left - зображення розташовується ліворуч від тексту;
    • right - зображення розташовується праворуч від тексту;
    • top - верхній край зображення вирівнюється по верхньому краю тексту;
    • middle - центр зображення вирівнюється по нижньому рядку тексту;
    • bottom - нижній край зображення вирівнюється по базовій лінії тексту (задається за замовчуванням);
    • textop - верхній край зображення вирівнюється по верхньому краю найвищого символу в рядку;
    • absmiddle - центр зображення вирівнюється по центру навколишнього тексту;
    • baseline - те ж, що bottom;
    • absbottom - нижній край зображення вирівнюється по нижньому краю рядки з урахуванням нижніх "хвостиків".
  • HEIGHT - висота зображення в пікселях або у % від висоти вікна;
  • WIDTH - ширина зображення в пікселях або у % від ширини вікна;
  • HSPACE - інтервал у точках від тексту по горизонталі;
  • VSPACE - інтервал у точках від тексту по вертикалі;

Параметри HEIGHT і WIDTH можуть витягувати зображення або стискати, збільшувати або зменшувати.

 

Приклад:

Якщо картинка знаходиться у вас на сайті, тоді

<img src="html/bg.gif" alt="Текст заміщення" width="36" height="45" />

або якщо картинка знаходиться на іншому сайті:

<img src="http://life-prog.ru/html/bg.gif" alt="текст Заміщення" width="536" height="245" />

Особливість вставити зображення в html:

- при вказівках параметрів HEIGHT і WIDTH на екрані спочатку з'являється прямокутник без зображення, після цього з'являється текст і тільки потім вже зображення.
- при вказівці тільки одного з параметрів (HEIGHT або WIDTH), другий параметр змінюється пропорційно зміні першого.

Переглядів: 1462

Повернутися взміст


Онлайн система числення Калькулятор онлайн звичайний Науковий калькулятор онлайн