Текстовые редакторы имеют в своем арсенале инструменты для форматирования текстовых документов. Рассмотрим, как происходит форматирование гипертекста для его отображения в окне браузера.
Понятие о языке HTML
Обычный текст можно приспособить для отображения браузером с помощью специальных отметок — тегов, совокупность которых вместе с правилами их использования называют языком разметки гипертекста.
HTML (англ. HyperText Markup Language — это набор тегов и правила их применения для создания гипертекстовых документов.
Веб-страница представляет собой созданный на языке HTML документ, отображенный в окне браузера.
HTML не является языком программирования.
html-документ
html-документ (html-файл) является текстовым документом, поэтому создать его можно в любом текстовом редакторе.
Тэг — это записанная в угловых скобках <> отметка языка HTML, которую обрабатывает браузер.
Для правильного отображения браузером веб-страницы необходимо придерживаться следующей структуры html-документа (рис. 21.1):
Форматирование текста
В html-документе размер и регистр символов, которыми записаны теги, не имеют значения. Размер и начертание символов, отображаемых в окне браузера, определяются разметкой гипертекстового документа.
Тегами языка HTML определяют вид объектов, в частности текстовых фрагментов, на веб-странице.
Теги бывают парными (контейнеры) и непарными. Парный тег состоит из открывающего и закрывающего тегов. Закрывающий тег начинается символом «/».
Теги с ошибками или такие, которые не поддерживаются используемым браузером, игнорируются.
Рассмотрим значения некоторых тегов форматирования текста:
Тег может содержать атрибуты — параметры, значения которых влияют на действие тега. Атрибуты записывают после открывающего тега.
Обычно значения атрибутов берут в кавычки.
Тег <body> (рис. 21.3) с атрибутами text (цвет текста) и bgcolor (цвет фона):
Рассмотрим пример применения атрибутов (рис. 21.4).
Маркированные и нумерованные списки
Для создания маркированного списка используют тег <ul>...</ul> с атрибутом type, который задает вид маркера : "disk" — •, "circle" — О или "square" — ■.
Для создания нумерованных списков используют тег <ol>...</ol> с атрибутами type (тип нумерации: "1" — арабские цифры, "А" — латинские буквы,
"I" — римская нумерация и т. д.) и start (задание начального номера арабскими цифрами). Элементы списка размечают тегами <li>...</li> (рис. 21.5).
Вопросы для самопроверки
1. Что такое язык HTML?
2. Какова структура html-документа?
3. Что такое тег; атрибут тега?
4. Какие теги используют для создания списков?
Упражнение 21
Создать html-документ с отформатированным текстом.
1) Запустите текстовый редактор Блокнот и введите в текстовый документ теги по образцу, приведенному на рис. 21.1.
2) Сохраните созданный файл как html-документ: Файл ^ Сохранить как ^ Тип файла (все файлы) ^ Имя: Упражнение 21.html.
3) Откройте папку с сохраненным файлом и с помощью браузера откройте html-файл Упражнение 21.
4) В редакторе Блокнот измените html-код так, чтобы на синем фоне желтым полужирным начертанием отображался нумерованный список (см. рисунок).
5) Сохраните файл Упражнение 21.html и обновите страницу браузера. При необходимости откорректируйте html-код в соответствии с заданием в п. 4.
6) Завершите работу за компьютером.
Компьютерное тестирование
Выполните тестовое задание 21 с автоматической проверкой на сайте interactive.ranok.com.ua.
Это материал из учебника Информатика 9 класс Бондаренко