Створення заголовків

Заголовки в документі створюються за допомогою команд: <Hi> Заголовок </Hi>, причому при i = 1 заголовок самий великий, а при i = 6 - самий дрібний.

Наприклад,

Текст, що Відображається | Запис в форматі HTML

Заголовок1 | <H1> Заголовок1 </H1>

Заголовок2 | <H2> Заголовок2 </H2>

Заголовок3 | <H3> Заголовок3 </H3>

Заголовок4 | <H4> Заголовок4 </H4>

Заголовок5 | <H5> Заголовок5 </H5>

Заголовок6 | <H6> Заголовок6 </H6>

2.3. Створення списків

Списки призначені для представлення інформації у впорядкованому вигляді.

У HTML - документах використовується 3 види списків:

1. Неупорядковані списки,

2. Упорядковані списки,

3. Списки - визначення.

Неупорядкований список використовує для виділення записів спеціальні символи. Неупорядкований список визначається наступними командами початку і кінця списку: <UL> і <UL>

Кожний елемент списку починається з команди: <LI>

У команді <LI> може бути параметр TYPE, який визначає зовнішній вигляд символа, що використовується для виділення рядка в списку і може мати наступні значення:

<LI TYPE=DISK> - кругла жирна точка,

<LI TYPE=CIRCLE> - коло,

<LI TYPE=SQUARE> - маленький чорний квадрат.

В упорядкованому списку всі записи пронумеровані.

Упорядкований список визначається наступними командами початку і кінця списку: <OL> і </OL>

Кожний елемент списку починається з команди: <LI>

У команді <LI> може бути параметр TYPE, який визначає тип нумерації і може мати наступні значення:

<LI TYPE = А> - великими буквами,

<LI TYPE = а> - малими буквами,

<LI TYPE = I> - прописними римськими цифрами,

<LI TYPE = i> - рядковими римськими цифрами,

<LI TYPE = 1> - арабськими цифрами.

У списку - визначенні всі записи здвинуті ліворуч за допомогою табуляції.

Список - визначення визначається наступними командами початку і кінця списку: <DL> і </DL>

Кожний елемент списку починається з команди: <DD>

2.4. Форматування параграфів і виведення в декілька стовпців.

У документі HTML неможливо створити абзац, використовуючи клавішу [Enter].

Використання цієї клавіші поліпшує зовнішній вигляд початкового тексту, але не впливає на отримане зображення.

Для переходу на наступний рядок скористайтеся командою <br>

Для створення пустого рядка скористайтеся командою <р>

Для створення горизонтальної смуги скористайтеся командою <hr>

Якщо смуга створюється не на весь рядок, а на якусь її частину, наприклад, на 40%, то команда виглядає таким чином: <hr width= 40 %>

Для створення широкої смуги потрібно задати її ширину (в пікселях) <hr size= 10 >

Для вирівнювання смуги ЛІВОРУЧ/ПРАВОРУЧ/ПО ЦЕНТРУ задайте відповідний параметр ALIGN=LEFT/RIGHT/CENTER

Чорна лінія задається наявністю параметра NOSHADE.

Ви можете розташувати текст по центру за допомогою наступної команди: <CENTER>

Іноді необхідно створити текстовий документ, розташування рядків якого (табуляція, відступи, вирівнювання) визначається розробником домашньої сторінки, а не програмою-редактором.

Для створення такого тексту скористайтеся командами: <PRE> текст </PRE>

Отриманий в броузері образ тексту буде точно відповідати тексту в початковому HTML файлі.

Аналогічні функції виконує пара команд: <LISTING> текст </LISTING>

Netscape 3.0 і вище підтримує виведення в декілька стовпців, в газетному форматі за допомогою команд <MULTICOL> і </MULTICOL>.

Нижче приводиться формат команд:

<MULTICOL COLS= «N» GUTTER= «M»> текст </MULTICOL>.

Тут N - кількість стовпців, M - відстань між стовпцями.

Броузери, які не підтримують виведення в декілька стовпців, забезпечать виведення нормально, в 1 стовпець.

2.5. Форматування символів

Для виділення окремих частин тексту можна скористатися наступними стилями:

У - жирний (Bold);

I - курсив (Italic);

U - з підкресленням (Underline);

S - з перекресленням (STRIKE);

Нижче наведена таблиця команд виділення тексту.

Текст, що відображається | Запис в форматі HTML

Виділення тексту жирним шрифтом | Виділення <b> тексту </b> жирним шрифтом

Виділення тексту курсивом | Виділення <i> тексту </i> курсивом

Виділення тексту підкресленням | Виділення <u> тексту </u> підкресленням

Виділення тексту перекресленням | Виділення <strike> тексту </strike> перекресленням

Для зміни розміру текстових символів скористайтеся командами:

<FONT SIZE = +-i > </FONT>, де i в межах від 1 до 7 відносно початкового розміру букв.

Крім того, можна збільшити або зменшити висоту шрифту за допомогою команд <BIG> і <SMALL>. Ці команди використовуються в парі з командами </BIG> і </SMALL>.

Ще дві пари команд:

<SUB> і </SUB> - підрядковий індекс, наприклад, H2SO4.

<SUP> і </SUP> - надрядковий індекс, наприклад, (a2 - b2) = (а - b)(а + b).

Всі вищенаведені команди визначають фізичне форматування символів. Ви задаєте конкретну зміну характеристик символів.

Крім того, є логічне форматування символів - Ви даєте опис, а броузер вирішує як змінювати характеристики. Загалом, хто довіряє броузеру - користуйтеся цими командами. Вони виглядають таким чином:

<CITE> | Цитата | <CITE>

<EM> | Особливо важливий текст | </EM>

<STRONG> | Сильне виділення тексту | </STRONG>

<KBD> | Текст, введений користувачем | </KBD>

<CODE> | Лістинг програми | </CODE>

<SAMP> | Послідовність літералів | </SAMP>

<VAR> | Ім'я змінної | </VAR>

Броузер користувача сам вибирає шрифт, якщо Ви його конкретно не задали в описі сторінки. Якщо в сторінці заданий шрифт, якого немає у користувача, то Ви можете задати список, що складається з декількох шрифтів, і броузер вибере самий лівий, а якщо його в системі немає, то наступний і т. д. Якщо жодного з шрифтів немає, броузер вибирає свій шрифт.

Шрифт задається за допомогою команди: FONT FACE

2.6. Управління кольором

Кольори і зображення фону задаються за допомогою команди <BODY>.

Ця команда може задаватися тільки на початку HTML файла і не може бути змінена надалі. Її параметри:

bgcolor = «# код кольору» - колір фону документа,

text = «# код кольору» - колір тексту документа,

link = «# код кольору» - колір тексту, що використовується як посилання,

vlink = «# код кольору» - колір посилання на переглянутий раніше документ,

alink = «# код кольору» - колір посилання в момент натиснення на неї правої кнопки миші.

Код кольору задається в кодуванні RGB -