- •Лабораторная работа Создание Web-страниц с использованием html
- •2. Тэги языка html
- •2.1. Обязательные тэги
- •2.2.1. Заголовки и абзацы
- •2.2.2. Непарные тэги, &-последовательности и команды-комментарии
- •2.2.3. Форматирование текста
- •2.2.3. Создание списков в html
- •2.2.4. За пределами html-документа
- •2.2.5. Вставка изображения
- •2.2.5. Организация таблиц в среде html
- •2.2.6. Цветовая гамма в документе
- •III.9. Создание фреймов
- •Задания к лабораторной работе
- •Задания для самостоятельной работы
2. Тэги языка html
2.1. Обязательные тэги
<HTML> </HTML> — тэги, которые говорят о том, что текст будет в формате HTML. Эти тэги являются обязательными. При этом они открывающий тэг является самым первым тэгом документа, а закрывающий — самым последним. Также обязательными элементами HTML-документа являются следующие тэги:
<HEAD> </HEAD> — тэг заголовка документа
<TITLE> </TITLE> — то, что находится между этими двумя тэгами, будет отображаться в заголовке страницы (окна).
<BODY> </BODY> — все, что находится между этими двумя тэгами, будет отображаться на самой странице.
2.2.1. Заголовки и абзацы
<H1> </H1> — команда, устанавливающая заголовок. Можно изменять размер шрифта заголовка (от 1 до 6): <H1> </H1> — самый большой заголовок; <H6> </H6> — самый маленький.
<P> </P> — это тэги открытия и закрытия абзаца.
Тэги заголовков (<H1>) и тэг абзаца (<P>) могут содержать дополнительный атрибут ALIGN (содержать атрибуты могут только открывающие тэги). Например, тэг <H1 ALIGN=center> является командой для вывода заголовка по центру; а тэг <P ALIGN=center> — командой для выравнивания абзаца (выводимой информации) по центру. Параметры RIGHT и LEFT атрибута ALIGN являются соответственно командами выравнивания информации по левому или правому краю. По умолчанию броузер выравнивает текст по левому краю.
2.2.2. Непарные тэги, &-последовательности и команды-комментарии
Мы отмечали выше, что не все тэги языка HTML являются парными. Есть тэги, которые подчиняются особым правилам: это непарные тэги и &-последовательности.
Непарные тэги:
1) <BR> — используется для перевода строки. От абзаца он отличается тем, что он переводит текст на одну строку вниз, а абзац — это переход сразу на две строки.
2) <HR> — описывает горизонтальную полосу. Этот тэг имеет два атрибута:
SIZE — определяет толщину линии по ширине экрана
WIDTH — определяет размер линии по ширине экрана
Оба этих параметра могут указываться как в точках, так и в процентах от ширины экрана. Однако общепринято толщину (SIZE) указывать в точках, а размер (WIDTH) — в процентах.
&-последовательности:
Символы < и > используются как служебные. Если нам нужно напечатать их на странице, то мы должны вставить специальную последовательность символов, которая всегда начинается & и заканчивается ;.
< - “<” (less then=меньше чем)
> - “>” (greater then=больше чем)
Если нам нужно вывести на экран сам амперсант, то мы должны ввести такую последовательность: &.
Для выведения на экран двойных кавычек используется последовательность ".
При помощи &-последовательности определяются все буквы русского алфавита. Есть &-последовательности и для других языков. Такие последовательности используются в том случае, если сервер, на котором расположена страничка, не поддерживает символы с кодом более 127.
команды-комментарии:
<!—
это комментарий
-->
Подобные команды используются для вставки в документ всевозможных скриптов.
2.2.3. Форматирование текста
Принято два подхода к выделению фрагмента текста:
а) физический стиль;
б) логический стиль.
а) в этом случае используются тэги, однозначно определяющие определенное начертание шрифта:
<B> </B> — выделение жирным шрифтом;
<I> </I> — выделение наклонным шрифтом;
<TT> </TT> — выделение шрифтом, имитирующим печатную машинку.
б) используется в том случае, когда автор странички не может заранее сказать, каким образом будет отображаться информация, выделенная этими стилями (это остается на рассмотрение броузера). Разные броузеры один и тот же стиль отображают по-разному. Выделенный разными стилями текст будет на экране отображаться по-разному:
<EM> </EM> — акцент
<STRONG> </STRONG> — сильный акцент
<CODE> </CODE> — используется для форматирования исходного текста программы
<SAMP> </SAMP> — “образец”, используется для отображения образцов, выводимых на экране программы
<KBD> </KBD> — стиль клавиатуры, используется, когда необходимо указать, что эти данные должны вводиться с клавиатуры
<VAR> </VAR> — “переменная”, используется для написания имен переменных.
Мы рассмотрели основные тэги форматирования шрифтов. Для форматирования текста применяются также следующие тэги.
<PRE> — задает преформатированный текст. Для данного элемента необходимо указывать начальный и конечный тэги. Внутри такого элемента текст печатается шрифтом фиксированной ширины и при этом сохраняется разметка оригинала (пробелы и символы конца строк).
<DIV> — определяет деление документа на отдельные блоки. Для данного элемента необходимо указывать как начальный, так и конечный тэги. Элемент DIV обычно используется с атрибутом ALIGN, указывающим способ выравнивания текста внутри тех блочных элементов, которые его содержат. Элемент ALIGN может иметь одно из следующих значений: LEFT, CENTER или RIGHT.
<CENTER> — определяет выравнивание текста. Для этого элемента необходимо указывать начальный и конечный тэги. Используется для центрирования стоящего между ними текста.
<BLOCKQUOTE> — используется для разметки цитат. Необходимо указывать как начальный, так и конечный тэги. Данный элемент используется при разметке протяженных цитат, текст которых при этом обычно печатается со сдвинутыми краями.
Кроме того, для форматирования шрифтов используются также следующие элементы. Тэг <BASEFONT> определяет вывод определенного шрифта по умолчанию. Он имеет такие атрибуты как SIZE (определяет размер шрифта; задается в пикселах), FACE(определяет тип шрифта) и COLOR (определяет цвет шрифта). Так, команда <BASEFONT SIZE= “5” FACE= “Arial” COLOR= “GREEN”> задает вывод по умолчанию увеличенным шрифтом типа Arial зеленого цвета. Для форматирования шрифта отдельного фрагмента текста используется тэг <FONT>. Он имеет атрибуты такие же атрибуты, как и <BASEFONT>: SIZE, FACE, и COLOR
