Графіка для веб-середовища

Основний синтаксис додавання зображень на сторінку:
<img src="шлях/до/зображення.jpg" атрибути>
<img> - непарний тег, і "src" - обов'язковий атрибут з адресою зображення.
Також часто використовують атрибути: "alt", "title", "width", "height", і т.д.
"alt" - альтернативний текст для зображення, тобто текст, який буде показуватись, якщо картинка не може бути завантажена.
"title" - текст, який буде показано, при наведенні вказівника миші на картинку.
"width" - довжина зображення.
"height" - висота зображення.

Атрибути

align
Визначає як малюнок буде вирівнюватися по краю і спосіб обтікання текстом
alt
Альтернативний текст для зображення.
border
Товщина рамки навколо зображення.
height
Висота зображення.
hspace
Горизонтальний відступ від зображення до навколишнього контенту.
ismap
Каже браузеру, що картинка є серверної картою-зображенням.
longdesc
Вказує адресу документа, де міститься анотація до картинки.
lowsrc
Адреса зображення низької якості.
width
Ширина зображення.
src
Шлях до графічного файлу.
vspace
Вертикальний відступ від зображення до навколишнього контенту.
usemap
Посилання на тег <map> , що містить координати для клієнтської карти-зображення.

До зображень на веб-сторінці можна застосовувати деякі графічні ефекти.

Наприклад, кілька зображень можна сумістити, за принципом, схожим на режими накладання шарів у Photoshop.



Коментарі

Дописати коментар

Популярні дописи з цього блогу

Авторські права та ліцензії у веб-середовищі

Інтелектуальна власність — це власність на результати інтелектуальної та творчої діяльності.   Об’єктами інтелектуальної власності (результатами інтелектуальної та творчої діяльності) згідно із законодавством України є: ·                     літературні та художні твори; ·                     комп’ютерні програми; y бази даних; y фонограми, відеограми, передачі (програми) організацій мовлення; ·                     наукові відкриття; ·                     винаходи, корисні моделі, промислові зразки; ·                ...
Докладніше

Повторення. Цілі і дробові раціональні вирази. 11 клас

Зображення
Числові вирази       Числовий вираз – це запис, що складається з чисел, спо­лучених знаками дій, і дужок, які вказують на порядок дій,       Прикладами числових виразів є: 45:5; 1,3-1,2; 3(6-10).      Якщо в числовому виразі виконати вказані дії, зберігаючи .прийнятий порядок дій, то дістанемо число, яке називають зна­ченням виразу.       Наприклад , значенням виразу 3(6-10) є число -12. Вирази із змінними      В алгебрі числа часто позначають не цифрами, а буквами, які називаються змінними.      Вираз із змінною (алгебраїчний вираз) – це вираз, що скла­дається з чисел і букв, які сполучені знаками дій, і дужок, що вказують порядок дій. Наведемо приклади виразів із змінними: 2-(а + b ), За + 2 b , (а + b )-(а + b )      Якщо замість букв, які входять у вираз із змінними, підста­вити деякі числа і виконати п...
Докладніше

Мова описання гіпертекстових документів. Теги й атрибути. 8 клас

Зображення
19.1. Мова гіпертекстової розмітки В 1989 році Тім Бернерс-Лі запропонував упровадити гіпертекстову систему документів. Наприкінці 1991 року він опублікував у Інтернеті перший загальнодоступний опис мови розмітки HTML — «HTML теги». Він же створив і першу програму для перегляду гіпертекстових документів — браузер. Бернерс-Лі розглядав HTML як похідну мову від SGML, і в середині 1993 року Спеціальна Комісія Інтернет-розробок (IETF) офіційно визначила її такою, опублікувавши першу специфікацію HTML. Наразі більшість веб-документів створюють за допомогою мови розмітки гіпертексту  HTML  ( англійською Hyper Text Markup Language — мова розмітки гіпертексту ). Призначення HTML — описати зовнішній вигляд документа за умови, що розміри екрану і масштаб подання тексту можуть змінюватися у процесі перегляду. Розширення (тип) гіпертекстового документа, написаного мовою HTML, — htm або html. 19.2. Гіпертекстовий документ та його елементи Гіпертекст  - це текст, у який ...
Докладніше