- •Общие сведения об html
- •Синтаксис типичного элемента html
- •Структура документа html
- •Форматирование документа
- •Создание заголовков
- •Стили форматирования
- •Форматирование текста
- •Гиперссылки
- •Вставка графических изображений
- •Бегущая строка
- •Создание таблиц
- •Атрибуты элементов, используемых при создании таблицы
Общие сведения об html
Web-документы используют язык HTML, который представляет собой набор текстовых символов, называемых элементами, содержащими данные и правила их форматирования.
Большинство элементов состоят из парных тегов: открывающего и закрывающего: открывающий тег – <B>, закрывающий – </B>.
Пример:
<B> Этот текст набран жирным шрифтом </B>, а этот – нет.
Некоторые элементы не требуют закрывающего тега, например элемент <BR> – перевод строки. В ряде элементов, как, например, в элементе абзаца <P>, закрывающий тег ставится по желанию.
Открывающий тег может содержать атрибуты. Атрибуты помещаются внутри угловых скобок тега и должны быть отделены от имени элемента пробелом. В парных тегах атрибуты добавляются только к открывающему тегу. Большинство атрибутов требует указания значения атрибута:
<H1 ALIGN =”CENTER”> (выравнивание заголовка по левому краю).
Синтаксис типичного элемента html
Имя
тега
Значение атрибута
Имя
атрибута
<
атрибут
Открывающий тег
содержимое
элемента
закрывающий
тег
элемент HTML
Структура документа html
<HTML> … </HTML> – данный элемент говорит о том, что данный документ содержит информацию с HTML-разметкой.
<HEAD> … </HEAD> – данный элемент определяет заголовок HTML-документа.
<TITLE>… </TITLE> – данный элемент определяет название документа.
<BODY>…</BODY> – данный элемент окружает содержимое документа, выводимое на экран, в отличие от описательной информации, которая размещается в элементе <HEAD>.
Пример:
<HTML>
<HEAD><TITLE>Заголовок документа</TITLE></HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Синтаксис <BODY>:
<BODY BACKGROUND = ”имя файла” BGCOLOR = “название цвета” TEXT = “название цвета” > … </BODY>
BGCOLOR – цвет фона документа.
TEXT – устанавливает цвет текста для всего документа.
BACKGROUND – фоновый рисунок для всего документа
Пример:
<BODY BGCOLOR = ”GREEN” TEXT = ”RED”>
<BODY BACKGROUND = “FON.JPG”>
Форматирование документа
<P> … </P> – создание абзаца текста.
Синтаксис:
<P ALIGN = “CENTER | JUSTIFY | LEFT | RIGHT”> … </P>
ALIGN – выравнивание текста внутри абзаца.
По умолчанию атрибуту присваивается значение LEFT – выравнивание по левому краю. JUSTIFY – выравнивание по ширине, CENTER – центрирование текста, RIGHT – выравнивание по правому краю. Закрывающий тег </P> необязателен.
Примеp:
<P ALIGN = “RIGHT”> текст этого абзаца выровнен по правой стороне
<BR> – перевод строки в пределах абзаца. При необходимости вставки нескольких пустых строк в документ необходимо использовать тег <BR>.
Пример:
<HTML>
<HEAD><TITLE>Создание абзацев</TITLE></ HEAD>
<BODY>
Это первый абзац.
<P> А это второй абзац.
<BR> Начало новой строки.
</BODY>
</HTML>
<HR> – горизонтальная линейка.
Синтаксис:
<HR ALIGN = “CENTER | LEFT | RIGHT” SIZE=”пиксели” WIDTH = “пиксели | проценты” COLOR = “название цвета” >
ALIGN – выравнивание линии по горизонтали.
SIZE – толщина линии в пикселях.
WIDTH – ширина линии. Значение указывается либо в пикселях, либо в процентах от ширины экрана, например 80 %.
COLOR – цвет линии
Пример:
<HR ALIGN = “RIGHT” SIZE = 10 WIDTH = 50%>
(создаётся горизонтальная линейка шириной в 10 пикселей, занимающая половину ширины окна и расположенная справа).
<HR COLOR = RED SIZE = 3> (создаётся красная горизонтальная линейка шириной в 3 пикселей).