Атрибути елементів рядків і стовпців

Розглянуті вище атрибути стосуються таблиці в цілому. Атрибути, що дозволяють задати визначене форматування для комірок рядка:

• width і height – встановлюють розміри комірок рядка: ширину і висоту. Ці атрибути можуть використовуватися у тегах <TR>, <TD>.

• align – вирівнює вміст у комірках. Вводиться в теги <ТR> або <TD>. Цей атрибут може набувати значень: left, right, center і justifу (вирівнювання по ширині).

• valign – вирівнює вміст по вертикалі. Цей атрибут застосовується з такими значеннями:

top – вирівнювання по верхньому краю комірок;

bottom – по нижньому краю;

middle – центрування по вертикалі.

Наприклад, <TR valign= "middle"> призначає центрування вмісту комірки по вертикалі.

Колір у таблицях

Колір таблиць визначається такими атрибутами:

• bgcolor – колір фону в таблиці.

• bordercolor – колір рамок таблиці.

Залежно від того, до якого тегу (<TABLE>, <TR>, <TH> або <TD>) вводиться атрибут, задаватиметься фон всієї таблиці, рядка, комірки заголовка або даних.

Наприклад,

<TABLE bgcolor="red"> - призначає червоний фон всієї таблиці;

<ТD bgcolor="yellow"> - задає жовтий фон комірки даних;

<TR bordercolor="FF0000"> - задає червоні межі всіх комірок рядка.

Об'єднання комірок таблиці

Для об'єднання суміжних комірок в початкових тегах <ТН> або <TD> застосовуються такі атрибути:

• rowspan – об'єднує комірки суміжних рядків. Значення атрибута задає кількість об'єднаних комірок.

• сolspan – об'єднує комірки суміжних стовпців.

Якщо застосувати водночас обидва атрибути rowspan і colspan, отримаємо об'єднану комірку із суміжних рядків і стовпців.

Наприклад:

<TD rowspan=2> - встановлює об'єднання двох комірок із суміжних рядків;

<TD colspan=3> - формує одну комірку даних із трьох комірок суміжних стовпців;

<TD rowspan=2 colspan=4> - задає комірку, розташовану на перетині двох рядків і чотирьох стовпців.

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

Вставка зображення на Web-сторінку виконується одиночним тегом <IMG>. Усередині цього тегу обов'язково записується атрибут src, що вміщує URL зображення. Наприклад, потрібно розмістити на сторінці картинку з файла Lord.jpg. Для цього треба зберегти файл із зображенням у певній папці (наприклад, у тій самій папці, що і HTML-документ), а у документ ввести тег:

<IMG src="lord. jpg">

За умовчанням броузер використовуватиме реальні розміри зображення, яке зберігається в графічному файлі. Якщо потрібно змінити ці розміри, застосовують атрибути width (ширина) і height (висота) у тегу <IMG>. Значення розмірів зображення задаються звичайно у пікселах, наприклад, width="133" height="33". Можна також задавати ширину і висоту у відсотках розмірів зовнішнього елемента (сторінки). Наприклад, зображення, що задається тегом

<IMG src="lord. jpg" width="30%"> займе по ширині 30% сторінки, а висота буде розрахована броузером із зберіганням пропорцій.

Звичайно користувач бажає скласти уявлення про зміст сторінки, коли вона тільки почала завантажуватися. Тоді він зможе прийняти рішення, чи варто чекати повного завантаження сторінки. У цьому йому допоможуть написи на місці малюнків, що не завантажилися. Вони задаються атрибутами alt. Наприклад, така інструкція

<IMG src="photо. jpg" width="50%" alt "Моя фотографія">

замість малюнка, що не завантажився, виведе рамку із межами малюнка і помістить у неї текст «Моя фотографія».

Зображення-посилання

Гіперпосилання на Web-сторінках можна подавати не тільки як виділенний текст, а й у вигляді малюнка, Клацання мишею по такому малюнку призводить до завантаження нового HTML-документа або переходу в межах поточного документа.

Для створення зображення-посилання слід встановити у потрібному місці документа якірний тег <А> і вкласти до нього елемент IMG. Наприклад, якщо у документі розмістити елемент

<А href="http: //www. rambler. com">

<IMG src="logo. jpg" width="100" height="28">

</A>

то можна буде клацанням по малюнку з файла Logo.jpg завантажувати пошукову систему Рамблер.

Дата добавления: 2017-01-13