Мова програмування HTML

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

    Упорядкований список визначається наступними командами початку і кінця списку: <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);

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

 

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

Код кольору задається в кодуванні RGB - шість шістнадцяткових чисел.

    Важливо зазначити, що колір фону не відображається на папері, якщо розпечатати HTML-документ. Нижче приводяться коди найпростіших кольорів: 

 

    Для зміни кольору поточного тексту можна в будь-якому місці домашньої сторінки скористатися командами: <FONT COLOR=Код кольору> Поточний текст </FONT COLOR>

    Визначено декілька іменованих кольорів. Їх значення ми бачимо в таблиці:

    <FONT COLOR = black>

    Якщо Ви хочете створити «шпалери», тобто кольоровий фон з використанням Image-файла з ім'ям, наприклад, Ground.gif, то замість параметра BGCOLOR записуємо: BACKGROUND = «Ground.gif»

    Якщо при цьому ви хочете, щоб фонове зображення не рухалося, тобто щоб створився ефект «водяних знаків», то задайте додатковий параметр:

    BACKGROUND = «Ground.gif» BGPROPERTIES=FIXED 

    2.7. Використання спеціальних символів

    У мові HTML символ < використовується як перший символ кожної команди.

    Цей символ не може бути використаний для  позначення відношення «менше». Для відображення на екрані символа < («менше») і деяких інших символів в HTML прийняті спеціальні позначення: 

 

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

    Наприклад, в наступному записі початкового тексту: (А &nbsp;&nbsp;&nbsp; У) в тексті, що відображається між символами А і В буде 3 пропуски.

    При необхідності зобразити на екрані команду мови HTML виникає додаткова проблема - редактор може перетворити її у відповідну команду прямо в початковому тексті.

    І замість відображення відповідної  команди на екрані Ви отримуєте розташований по центру текст в наступних рядках. Щоб цього уникнути, можна, наприклад, вставити всередину команди дві парні команди. Наприклад, вищенаведену команду потрібно записати таким чином:<<u></u>CENTER> 

    2.8. Створення таблиць

    Таблиця створюється за допомогою команд <TABLE> і </TABLE>.

    Команда <TABLE> може мати наступні параметри:

    - UNITS - може приймати значення RELATIVE або PIXELS. Визначає одиниці вимірювання в інших параметрах. По замовчанню, UNITS = PIXELS.

    - BORDER - визначає лінії, що розмежовують  клітки в таблиці. Ширина лінії  задається командою BORDER = N.

    - CELLPADDING - Визначає мінімальний проміжок  навколо вмісту таблиці.

    - BGCOLOR - Визначає колір фонового зображення в таблиці.

    Є ще декілька команд, задаючих колір обрамлення: BORDERCOLOR, BORDERCOLORDARK, BORDERCOLORLIGHT, але вони використовуються тільки в Microsoft Internet Explorer.

    Для формування таблиці, що складається  з декількох рядків, використовують команду <TR>, що розділяє рядки. Команди <TH> і </TH> використовуються для позначення заголовка стовпця кліток.