Як вставити картинку в html таблицю

Мова html не досконалий і має ряд істотних недоліків. Для того щоб прив'язати картинку до певного місця сторінки, краще для цього вставити її за допомогою таблиці. У цьому випадку зображення буде вважатися фоном і поверх його можна помістити текст.
Як вставити картинку в html таблицю




Інструкція
1
Спочатку необхідно створити таблицю, якщо її ще немає. Ця дія відбувається в атрибуті . Для цього використовуються теги (закриває тег обов'язковий):
• - таблицями
• - строка-
Переглядів: 4341

Увага, тільки СЬОГОДНІ!
- колонка.

Основні додаткові атрибути:
• Border - граніца-
• Align - вирівнювання по горізонталі-
• Valign - вирівнювання по вертикалі-
• Bordercolor - колір рамкі-
• Width - ширина-
• Height - висота.

Синтаксис таблиці 2X2 без рамки і лівостороннім / правостороннім вирівнюванням вмісту:







Вміст 1-й осередку Вміст 2-й осередку
Вміст третій осередку Вміст 4-й осередку


2
Картинку треба прописувати після тега
. Якщо вставити зображення в першу комірку таблиці, представленої вище, то вийде:







Вміст 2-й осередку
Вміст третій осередку Вміст 4-й осередку


Додаткові атрибути:
• Width - ширина-
• Height - висота-
• Alt - альтернативний текст, який буде відображатися у користувача, якщо у нього відключена функція перегляду картінок-
• Align - вирівнювання по горізонталі-
• Valign - вирівнювання по вертикалі-
• Title - підпис до зображення.
3
Використовувати зображення можна в якості посилання. Для цього його досить одягнутися у відповідний тег:
У контексті таблиці це виглядатиме так:







Вміст 2-й осередку
Вміст третій осередку Вміст 4-й осередку
4
Додаткові можливості зображень.

1. Зміна картинки на колір при наведенні на неї мишею і після зміни місця розташування курсору:
onmouseover = "this.style.background = '# номер кольору'" onmouseout = "this.style.background = '# номер кольору'"

2. Зміна картинки на інше зображення при наведенні мишею:
onmouseover = "this.src = 'images / 1.gif'" onmouseout = "this.src = 'images / 2.gif'"

3. Вставка обертається каруселі з картинок в клітинку таблиці (значення можна міняти):