Лістинг 2.20. Файл chap2\styles\inline.htm

<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">

<HTML>

<HEAD>

<ТITLE>Вбудований стилі</ТITLE>

</HEAD>

<H1 STYLE="font-size: 24; font-weigt: bold; color: red; margin-left:10%">3аголовок першого рівня</Н1>

<Р>Звичайний текст

<Н2 STYLE="font-size: 20; font-weigt: bold; Color: black; font-family: Соurier">3аголовок другого рівня</Н2>

<Р STYLE="font-style: italic">Похилий текст

<Р STYLE="color: red">Текст червоного кольору

</BODY>

</HTML>

Тут визначаються ті ж самі параметри стильового оформлення, що і в двох попередніх випадках. Однак ці параметри вказуються не в файлі таблиці стилів і не в таблиці стилів, розташованій в заголовку документа, а безпосередньо в місці їх "вживання" - в операторах оформлення тексту.

3. ТАБЛИЦІ В ДОКУМЕНТАХ HTML

Дуже часто доводиться розміщувати в документі HTML табличні дані. Це можливо зробити двома способами.

Перший спосіб полягає в тому, що ви оформляєте текст таблиці шрифтом з фіксованою шириною символів, а для вирівнювання колонок використовуєте символи пропуску. Цей спосіб буде працювати, однак він навряд чи дозволить вам створити таблицю, яка буде виглядати красиво.

Другий спосіб передбачає використання операторів мови HTML, спеціально призначених для створення таблиць. Ці оператори відкривають широкі можливості: можливо використати рамки навколо всіх або тільки деяких осередків і рядків таблиці, створювати таблиці, що мають заголовки і підписи, розміщувати в елементах таблиці текст, графіку або довільні об'єкти, використати як фон для осередків растрові графічні зображення.

Для елемента таблиці можливо указати колірний фон і відступ, що дозволяючи зображати текст на кольоровому фоні з отбивкой. Цей прийом часто використовується в Internet, оскільки значно поліпшує зовнішній вигляд сторінки.

3.1. Найпростіша таблиця

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

У тексті документа HTML таблиця визначається між командами <TABLE> і </TABLE>. У найпростішому разі рядка таблиці обмежуються командами <TR> і </TR>, а стовпці (осередки рядка) - командами <TD> і </TD>, наприклад:

<ТАВLЕ>

</TABLE>

Перший рядок, обмежений операторами <TR> і </TR>, складається з трьох осередків, в яких знаходяться рядки 000, 001 і 002. Кожний такий рядок обмежений операторами <TD> і </TD>.

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

У лістинг 3.1 приведений початковий текст документа HTML, в якому визначені 2 таблиці. Перша з них складається з трьох рядків і не має ніякого додаткового оформлення. Друга таблиця отцентрирована, має рамку шириною 2 пікселя і ширину, що становить 60 % від ширини вікна перегляду навигатора.

<15 16 171819 20 21 >

Дата добавления: 2015-04-19; просмотров: 554;