- §7. Вставка зображення. [ правити ]
- опис [ правити ]
- приклад [ правити ]
- атрибути [ правити ]
- src [ правити ]
- width і height [ правити ]
- align [ правити ]
- alt [ правити ]
- Використання чужих зображень [ правити ]
- Створення зображень [ правити ]
- Додаткові завдання [ правити ]
§7. Вставка зображення. [ правити ]
Розглянемо випадок вставки зображення в веб-сторінку. Для цього використовується тег <img>.
опис [ правити ]
Вставляє в вміст сайту зображення. Обов'язково вказівку URL-адреси зображення або адреси розміщення зображення на комп'ютері.
приклад [ правити ]
Вихідний код:
<! DOCTYPE html> <html> <head> <title> Вставка зображення </ title> <meta http-equiv = "Content-Type" content = "text / html"; charset = utf-8 "> </ head> <body> <img src =" https://upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Wikipedia-logo-ru.png/104px-Wikipedia -logo-ru.png "> </ body> </ html>
результат: 
атрибути [ правити ]
Основні [ правити ]
src [ правити ]
Обов'язковий атрибут. У ньому має бути вказаний URL-адресу зображення або адреса файлу на комп'ютері.
width і height [ правити ]
Визначають ширину (width) і висоту (height) зображення. Якщо значення цих атрибутів задані, зображення вставляється в такому розмірі, в якому воно розміщене в файлі. Замість них рекомендується використовувати CSS.
align [ правити ]
Вирівнювання зображення в блоці, в якому воно знаходиться. Може мати значення:
- left - зліва
- center - по центру
- right - праворуч
Замість цього атрибута також рекомендується використовувати CSS.
alt [ правити ]
Показує всередині контейнера, де мало бути зображення текст, якщо браузер не підтримує даний формат малюнків або картинка ще завантажується.
Використання чужих зображень [ правити ]
Файли зображень охороняються авторськими правами. Авторські права виникають автоматично і не вимагають якогось спеціального оформлення. Краще, щоб при використання зображення у Вас було письмовий дозвіл автора.
В інтернеті є бази безкоштовних зображень. Зазвичай, в якості умов використання - вимога вказати автора зображення десь в підписах до сайту. Що, загалом-то, прийнятно.
Створення зображень [ правити ]
Зображення створені за допомогою краденого ПО не захищаються авторським правом. Але існують дуже навіть функціональні безкоштовні графічні редактори . [1]
favicon.ico - це графічний значок, який відображається поруч з адресним рядком. Зазвичай цей файл розміщується в кореневому каталозі сайту:
<Link rel = "icon" href = "/favicon.ico">
- Доповніть текст головної сторінки Вашого сайту кількома невеликими зображеннями або іконками: наприклад, по одній іконі до кожного абзацу, що описує другорядні сторінки. Зображення повинні підходити за змістом.
- Створіть файл favicon.ico і прикріпіть його до свого сайту
- На одній або декількох другорядних сторінках додайте зображення, обтічні текстом по правому або лівому краю.
Додаткові завдання [ правити ]
- ↑ Див. також " Кафедра комп'ютерної графіки "
