
- •Лабораторна робота 1: Частина 1: html. Поняття про мову. Головні теги Теорія:
- •Структура html-документа
- •Назва документу
- •Тіло документа
- •Завдання
- •Частина 2: Форматування тексту, робота з кольором Теорія: Кольорове оформлення документа
- •Поділ тексту на абзаци
- •Горизонтальні лінії
- •Форматування гіпертексту
- •Логічне форматування
- •Фізичне форматування
- •Попередньо відформатований текст
- •Завдання:
- •Частина 3: Робота із зображеннями, навігація по документу Теорія: Використання графіки в html-документах
- •Гіперпосилання
- •Абсолютний і відносний url
- •Гіперпосилання в межах одного документа
- •Посилання на поштову скриньку
- •Завдання:
Фізичне форматування
Однією з відмінностей HTML-документа від документа, підготовленого на друкованій машинці, є можливість форматування тексту. Мова HTML дозволяє автору документа вибрати вподобаний йому шрифт, відповідний розмір букв, їх колір і накреслення. За всі ці параметри відображення тексту відповідають теги фізичного форматування. Вони діють на всі символи, що стоять між відкриває і закриває тегами.
Теги |
Застосування |
Результат |
<B> </B> |
<B>Напівжирний</B> |
Напівжирний |
<I> </I> |
<I>Курсив</I> |
Курсив |
<U> </U> |
<U>Підкреслений</U> |
Підкреслений |
<TT> </TT> |
<TT>Друкарська машинка</TT> |
Друкарська машинка |
<S> </S> |
<S>Закреслений</S> |
|
<BIG> </BIG> |
<BIG>Великий</BIG> |
Великий |
<SMALL> </SMALL> |
<SMALL>Маленький</SMALL> |
Маленький |
<SUP> </SUP> |
Верхній -- x<SUP>індекс</SUP> |
Верхній -- xіндекс |
<SUB> </SUB> |
Нижній -- x<SUB>індекс</SUB> |
Нижній -- xіндекс |
Елементи фізичного форматування можуть бути вкладеними один в одного, хоча кінцевий результат залежить від браузера. При цьому потрібно уважно стежити, щоб один контейнер знаходився цілком в іншому контейнері, наприклад,
<B><U>Жирний і підкреслений текст</U></B>
Крім перерахованих вище тегів у документі може використовуватися тег <FONT>, Що дозволяє безпосередньо поставити розмір і колір шрифту. Елемент FONT представляє собою контейнер, тобто вимагає як відкриваючого, так і закриває тегів, і сам може використовуватися усередині будь-якого іншого текстового контейнера.
Після стартового тега обов'язкове зазначення атрибутів, без яких елемент не робить ніякого впливу на текст, поміщений в контейнер.
Атрибут FACE дозволяє вказати тип шрифту, яким програма перегляду виведе ваш текст (якщо таким має в своєму розпорядженні користувач). Якщо потрібного шрифту немає, програма проігнорує запит і буде використовувати шрифт, встановлений за замовчуванням.
Цей атрибут дозволяє вказати як один, так і декілька шрифтів (Через кому). Весь список буде переглянутий зліва направо і перший з наявних на машині користувача буде використаний для виведення документа.
Атрибут SIZE служить для вказівки розміру шрифту в умовних одиницях від 1 до 7. Вважається, що розмір "нормального" шрифту відповідає числу 3. Розмір може бути як абсолютною величиною ( SIZE=5), так і відносної ( SIZE=+2). У другому прикладі поточний розмір шрифту збільшується на 2.
Атрибут COLOR встановлює колір шрифту, який може бути заданий як у форматі RGB, так і з іменем.
Приклад
Текст <FONT COLOR=red> червоного кольору </FONT> і
<FONT SIZE=7> великого розміру </FONT>