<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 - шість шістнадцяткових чисел.
Важливо зазначити, що колір фону не відображається на папері, якщо розпечатати HTML-документ. Нижче приводяться коди найпростіших кольорів:
Білий = FFFFFF | Малиновий = FF00FF |
Жовтий = FFFF00 | Бірюзовий = 008080 |
Червоний = FF0000 | Темно-синій = 000080 |
Сірий = 808080 | Коричневий = 808000 |
Синій = 0000FF | Блакитний = 00FFFF |
Зелений = 00FF00 | Темно-зелений = 008000, |
Чорний = 000000 | Індиго = 800080 |
Пурпурний = CC33FF | Темно-червоний = 800000 |
Для зміни кольору поточного тексту можна в будь-якому місці домашньої сторінки скористатися командами: <FONT COLOR=Код кольору> Поточний текст </FONT COLOR>
Визначено декілька іменованих кольорів. Їх значення ми бачимо в таблиці:
<FONT COLOR = black>
Якщо Ви хочете створити “шпалери”, тобто кольоровий фон з використанням Image-файла з ім'ям, наприклад, Ground.gif, то замість параметра BGCOLOR записуємо: BACKGROUND = “Ground.gif”
Якщо при цьому ви хочете, щоб фонове зображення не рухалося, тобто щоб створився ефект “водяних знаків”, то задайте додатковий параметр:
BACKGROUND = “Ground.gif” BGPROPERTIES=FIXED
2.7. Використання спеціальних символів
У мові HTML символ < використовується як перший символ кожної команди.
Цей символ не може бути використаний для позначення відношення “менше”. Для відображення на екрані символа < (“менше”) і деяких інших символів в HTML прийняті спеціальні позначення:
Текст, що відображається | Запис в форматі HTML |
< | < |
> | > |
& | & |
“ | " |
Мова HTML завжди зменшує кількість підряд розташованих пропусків до одного, незалежно від того, скільки пропусків було в початковому тексті. Для того, щоб задати необхідну кількість підряд розташованих пропусків потрібно скористатися спеціальним символом пропуску:  .
Наприклад, в наступному записі початкового тексту: (А У) в тексті, що відображається між символами А і В буде 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> використовуються для позначення заголовка стовпця кліток.
Параметри ROWSPAN і COLSPAN команд <TD> і <TH> використовуються для формування кліток даних, що об'єднують більше за один рядок або стовпець.
2.9. Вбудування гіпертекстових посилань
Перехід в інше місце того ж документа.
Для організації переходу всередині одного HTML - файла потрібно ввести необхідний текст в двох місцях:
- Записати мітку в тому місці HTML - файла, куди необхідно перейти.
- Записати перехід на цю мітку в тому місці, звідки буде виконаний перехід.
Для організації мітки записують: <А NAME = “МІТКА” ></А>, де МІТКА - будь-яке ім'я, що складається з букв англійського алфавіта і цифр.
Для переходу на цю мітку запишіть:<А href=МІТКА >Перейти на мітку</А>.
Перехід в інший документ тієї ж сторінки.
Для переходу з будь-якого місця HTML-файла h1.html в початок HTML-файла h2.html потрібно записати: <А href = “h2.html”>Перехід до розділу h2</А>.
Перехід в інший документ.
У будь-якому місці HTML-файла можна ввести гіпертекстові посилання на інший документ або файл.
Гіпертекстові посилання вводяться в HTML-файл за допомогою уніфікованого локатора ресурсів - URL.
Цей локатор визначає правила написання різних видів посилань.
Нижче приводяться найважливіші префікси для URL:
Префікс URL | Функція |
FTP:// | Посилання на сервер FTP |
HTTP:// | Посилання на об'єкт, який буде передаватися з використанням протоколу HTTP |
FILE://localhost | Посилання на локальний диск |
GOPHER:// | Посилання на сервер Gopher |
MAILTO:// | Посилання на електронну поштову адресу |
NEWS:// | Посилання на електронну конференцію |
NNTP:// | Посилання на сервер електронної конференції |
TELNET:// | Посилання на сервер електронної конференції |
Для запису гіпертекстового посилання в HTML-файл використовують наступну команду: <А href = “URL”>Перехід по гіпертекстовому посиланню</А>.
При натисненні лівої кнопки миші на текст Перехід по гіпертекстовому посиланню Ви перейдете на ресурс, заданий в URL. Для повернення скористайтеся клавішею “Back” броузера.
Виведення на екран.
Зображення можуть бути виведені на екран так само, як текст. Файли зображення можуть бути задані в декількох різних форматах, найкращі з яких - GIF (файли *.gif) і JPEG (файли *.jpg).
Нижче приводиться формат команди:
<IMG SRC= “ІМ'Я ФАЙЛА” ALT = “Текст” ALIGN = DIRECTION WIDTH = WIDTH HEIGHT = HEIGHT >, де:
- ІМ'Я ФАЙЛА - це ім'я даного файла у вашій сторінці або повне ім'я шляху і файла, якщо файл не належить даній сторінці.
- Текст - це текст, що виводиться замість зображення, якщо файл зображення по якийсь причині недоступний.
- DIRECTION - місце розташування зображення. Приймає наступні можливі значення:
ALIGN=TOP - подальший текст розташовується у верхній частині зображення.
ALIGN=BOTTOM - подальший текст розташовується в нижній частині зображення.
ALIGN=LEFT - зображення розташовується в лівій частині листа. Текст обтікає зображення праворуч.
ALIGN=MIDDLE - зображення розташовується в центрі листа.
ALIGN=RIGHT - зображення розташовується в правій частині листа. Текст обтікає зображення ліворуч.
WIDTH = WIDTH - ширина необхідного зображення на екрані,
HEIGHT = HEIGHT - висота необхідного зображення на екрані.
Гіпертекстові посилання за допомогою зображення.
Допустимо, що Ви виводите на екран зображення IMAGE-файл, який називається, наприклад, image.gif.