Смекни!
smekni.com

World Wide Web и HTML /Укр./ (стр. 5 из 7)

<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
< &lt
> &gt
& &amp
&quot

Мова 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> використовуються для позначення заголовка стовпця кліток.

Параметри 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.