
- •Лабораторная работа №8 Язык разметки гипертекстовых страниц html
- •Описание документа
- •Основная часть документа
- •Теги форматирования текста документа
- •Форматирование абзацев
- •Заголовки
- •Изображения
- •Гиперссылки
- •Задание. Часть 1. Язык разметки гипертекстовых страниц html.
- •Часть 2. Создание гипертекстовых ссылок и домашней html-страницы.
Теги форматирования текста документа
Внешний вид обычного текста зависит от программы просмотра электронного документа. По умолчанию используется черный текст стандартного начертания.
<B>текст</B>
<I>текст</I>
<U>текст</U>
Эти теги применяются для управления начертанием символов, т. е. для установки параметров ЖИРНЫЙ (Bold), КУРСИВ (Italic) и ПОДЧЕРКНУТЫЙ (Underlined), требуют закрытия и могут быть вложенными друг в друга (без пересечения), т.е. текст может быть одновременно жирным, курсивным и подчеркнутым (например, <B> <I> <U> текст </U> </I> </B>).
<FONT SIZE=”8” COLOR=”#800000”>Текст</FONT>
Параметр SIZE задает размер текста (в данном примере – 8 пунктов);
Параметр COLOR задает цвет текста (в данном примере – темно-красный).
<FONT FACE=”Verdana, Tahoma, Arial”>Текст.</FONT>
В параметре FACE можно указывать несколько шрифтов в порядке предпочтения. Текст будет отображаться тем шрифтом, который установлен на компьютере пользователя, в указанном порядке предпочтения. Если на компьютере пользователя не найден ни один из указанных шрифтов, текст будет отображаться шрифтом, указанным в настройках программы просмотра пользователя, и, скорее всего, им станет Times New Roman.
Форматирование абзацев
Разбиение текста на абзацы осуществляется при помощи специальных тегов. Нажатие клавиши ENTER приводит к появлению абзаца только в исходном тексте HTML-документа, но не в окне программы просмотра. Кроме клавиши ENTER, игнорируются все остальные пробельные символы, такие как ПРОБЕЛ и ТАБУЛЯЦИЯ. Множественные пробельные символы отображаются программой просмотра в виде одного единственного пробела. Кроме того, каждый абзац текста на экране снабжается дополнительным отступом перед абзацем, что повышает читаемость длинных текстов.
<P>текст</P>
Тег используется для определения абзаца в HTML. Он имеет параметр ALIGN, управляющий выравниванием текста параграфа с помощью одного из четырех аргументов:
<P ALIGN=LEFT> — выравнивание текста по левому краю экрана;
<P ALIGN=RIGHT> — выравнивание текста по правому краю экрана;
<P ALIGN=CENTER> — выравнивание текста по центру экрана;
<P ALIGN=JUSTIFY> — полное выравнивание текста по обоим краям экрана.
<CENTER>текст</CENTER>
Используется для размещения любого объекта по центру строки. Он применим также и к тексту. Если необходимо расположить по центру строки лишь несколько слов или заголовок, тег <CENTER> будет являться более удобным вариантом, чем тег <P ALIGN=CENTER>
<BR>
Обычно все символы перевода строки игнорируются, что позволяет свободно использовать перевод строки для повышения удобочитаемости исходного HTML текста. Тег <BR> позволяет принудительно разорвать (BREAK) строку и дать указание программе просмотра перенести следующий за ним текст на другую строку без дополнительного абзацного отступа.
<PRE>...</PRE>
Тег <PRE> (preformatted=``предварительно форматированный'') используется для генерации текста выводимого шрифтом фиксированной ширины (обычно это Courier New Cyr) с сохранением пробелов, переводов каретки и символов табуляции (т.е. несколько последовательных пробелов не будут преобразованы в один и новые строки будут начинаться в тех же позициях, что и в исходном HTML файле). Это очень удобно для листингов программ, а также показа примеров HTML кода. Гиперссылки могут использоваться внутри <PRE> секции. Однако рекомендуется избегать использования других HTML тегов внутри <PRE> секции.
<HR>
Горизонтальная линия также может играть роль разделителя абзацев. Для управления внешним видом отображаемых линий у тега <HR> имеются четыре параметра:
SIZE=... – устанавливает толщину линии;
WIDTH=... – устанавливает ширину линии. Ширина линии может быть жестко указана в пикселах или в процентах относительно ширины окна программы просмотра;
ALIGN=... – устанавливает выравнивание отображаемой линии относительно окна программы просмотра. При отсутствии параметра линия всегда центруется относительно окна программы просмотра;
NOSHADE – отключение трехмерного режима отображения линий. При указании этого параметра линия будет отображаться как простая черная полоса.