
- •Лабораторная работа № 1 Технология разработки простых html-страниц
- •Теоретические сведения
- •Сведения о языке html
- •2.1. Форматирование текста
- •2.2. Цвет и спецсимволы
- •2.3. Гиперссылки
- •2.4. Пример html-страницы
- •Лабораторное задание и порядок его выполнения
- •Требования к отчету
- •Варианты текста для задания 2a
2.1. Форматирование текста
Для форматирования текста, в частности, предназначены теги H, P, BR, задающие заголовки, абзацы и переводы строк.
HTML-документ может содержать 6 уровней заголовков, каждый из которых задается парой тегов:
H1 Заголовок 1-го уровня /H1
H2 Заголовок 2-го уровня /H2
H3 Заголовок 3-го уровня /H3
H4 Заголовок 4-го уровня /H4
H5 Заголовок 5-го уровня /H5
H6 Заголовок 6-го уровня /H6
Текст, относящийся к одному абзацу, заключается между тегами P и /P. Каждый абзац отделяется от предыдущего увеличенным межстрочным интервалом.
Если требуется начать текст с новой строки в пределах одного абзаца, то используется тег BR, который не имеет парного закрывающего тега.
В открывающих тегах H и P можно указать атрибут ALIGN, определяющий способ выравнивания текста заголовка или абзаца: LEFT, RIGHT, CENTER. Например:
Заголовок1H1
ALIGN=CENTERЗаголовок1/H1
Заголовок2H2
ALIGN=RIGHT
Заголовок2/H2
xxxx
P
ALIGN=LEFTxxxxBRyyyy/P
yyyy
Если тег BR разделяет фрагмент текста на две строки, то символьный объект   - неразделяющий пробел - позволяет "склеить" два фрагмента документа, соединив их в одной строке.
Тег <HR> вставляет горизонтальную черту шириной во всю страницу. С помощью этой черты можно разделять отдельные части текста. Тег
<HR size=10 width=100 aligh=center>
задаёт горизонтальную линию высотой 10 пискелов и шириной 100 пискелов, выровненную по центру страницы. Тег
<HR size=10 noshade>
задаёт горизонтальную линию высотой 10 пискелов, закрашенную сплошным цветом.
Также существуют специальные теги для задания стиля текста. Все они парные.
<BIG> Текст </BIG> - вывод текста крупным шрифром.
<SMALL> Текст </SMALL> - вывод текста мелким шрифтом.
<CITE> Текст </CITE> - выделение небольшой цитаты. Большинство браузеров изображает текст курсивом.
<BLOCKQUOTE> Текст </BLOCKQUOTE> - выделение большой цитаты. Браузер отображает текст с большим, чем у обычного текста, левым и правым отступом от края страницы.
<STRONG> Текст </STRONG> - вывод текста жирным шрифтом.
<PRE> Текст </PRE> - вывод текста так, как он записан в программе - со всеми пробелами и концами строк. Это удобно при показе текстов с использованием псевдографики DOS.
Теги <BIG> и <SMALL> могут быть вложенными. Согласно стандарту, браузер должен поддерживать семь размерных ступеней: -2, -1, 0, +1, +2, +3, +4. Здесь нулем обозначен размер, который браузер использует по умолчанию.
2.2. Цвет и спецсимволы
Для задания цвета используются специальные свойства тегов.
<BODY bgcolor=цвет text=цвет> - цвет фона и основной цвет текста.
<FONT color=цвет>- изменение цвета текста.
<\FONT>- возврат к основному цвету текста.
В HTMLопределены следующие основные цвета.
Имя цвета |
Цвет |
aqua |
|
black |
|
blue |
|
fuсhsia |
|
gray |
|
lime |
|
maroon |
|
navy |
|
olive |
|
purple |
|
red |
|
silver |
|
teal |
|
thistle |
|
yellow |
|
white |
|
Цвет также можно задавать его RGB-кодом.
<FONT color=#D8BFD8> - вывод текста цветом «thistle».
Использование RGB-кодов цветов при разработкеhtml-страниц приветствуется, так как некоторыеweb-браузеры не умеют интерпретировать названия цветов в ихRGB-коды. Полное описание палитры стандартных цветовHTMLи ихRGB-кодов приведено в файлеcolor.htm.
При написании html-документа иногда возникает необходимость вставлять знаки, используемые в языкеHTMLв качестве спецсимволов. Такие символы во избежание недоразумений заменяются следующими наборами символов:
< |
< |
& |
& |
" |
" |
> |
> |
|
пробел |
© |
© |
Замечание. Вставлять " вместо кавычек не обязательно. В блоке текста (ограниченном тегами <P> и </P>, <H1> и </H1>, например) кавычки распознаются web-браузером адекватно. Более того, они распознаются как кавычки почти везде в html-документе за исключением некоторых особых тегов, которые не описаны в данной работе.