Мова html не досконалий і має ряд істотних недоліків. Для того щоб прив'язати картинку до певного місця сторінки, краще для цього вставити її за допомогою таблиці. У цьому випадку зображення буде вважатися фоном і поверх його можна помістити текст.
Інструкція
Спочатку необхідно створити таблицю, якщо її ще немає. Ця дія відбувається в атрибуті . Для цього використовуються теги (закриває тег обов'язковий):
• - таблицями
•
- колонка. Основні додаткові атрибути: • Border - граніца- • Align - вирівнювання по горізонталі- • Valign - вирівнювання по вертикалі- • Bordercolor - колір рамкі- • Width - ширина- • Height - висота. Синтаксис таблиці 2X2 без рамки і лівостороннім / правостороннім вирівнюванням вмісту:
Картинку треба прописувати після тега . Якщо вставити зображення в першу комірку таблиці, представленої вище, то вийде: |
Додаткові атрибути: • Width - ширина- • Height - висота- • Alt - альтернативний текст, який буде відображатися у користувача, якщо у нього відключена функція перегляду картінок- • Align - вирівнювання по горізонталі- • Valign - вирівнювання по вертикалі- • Title - підпис до зображення. Використовувати зображення можна в якості посилання. Для цього його досить одягнутися у відповідний тег: У контексті таблиці це виглядатиме так:
Додаткові можливості зображень. 1. Зміна картинки на колір при наведенні на неї мишею і після зміни місця розташування курсору: onmouseover = "this.style.background = '# номер кольору'" onmouseout = "this.style.background = '# номер кольору'" 2. Зміна картинки на інше зображення при наведенні мишею: onmouseover = "this.src = 'images / 1.gif'" onmouseout = "this.src = 'images / 2.gif'" 3. Вставка обертається каруселі з картинок в клітинку таблиці (значення можна міняти): |