Форматирование текста с помощью символов разрыва абзаца и строк.

3.1. Тэги <P> </P> и <BR> позволяют добавить в документ пробелы, чтобы отделить один блок текста от другого. Тэг <P> используется для вставки символа разрыва абзаца, а <BR> - символа разрыва строки. Вставляя символ разрыва абзаца, вы тем самым даете браузеру команду завершить текущий абзац и вставить пустую строку перед следующим абзацем. Вставляя символ разрыва строки, вы даете браузеру команду завершить текущую строку и перейти на следующую.

3.2. Добавьте на страницу текст практической работы и отформатируйте его используя указанные теги.

3.3. Текст абзаца выровняйте по левому краю. Для этого используется атрибут ALIGN, например:

<P ALIGN=LEFT> Этот текст будет выровнен по левому краю. </P>

Создание линий

4.1. Тэг <HR> интерпретируется и отображается браузером как горизонтальная линия, протянувшаяся вдоль всего окна браузера.

4.2. Добавьте этот тэг перед заголовками текста.

4.3. В конце документа, используя дополнительные атрибуты SIZE, WIDTH, ALIGN, COLOR создайте линию с такими параметрами: создайте линию синего цвета, расположенную посередине экрана, толщина = 30 пикселей, длина = 70% от ширины окна браузера.

Создание списков

Список – это набор абзацев, которые либо пронумерованы, либо сгруппированы как-то иначе, например, начинаются с одинакового символа (маркера).

Простейший вид списков – ul (ненумерованный). Второй популярный вид списка – нумерованный– ol. Данный тег имеет атрибут type, который позволяет указать способ нумерации.

type=	Результат
A a	A, B, C a, b, c
I i	I, II, III i, ii, iii
	1, 2, 3

Создайте на своей странице несколько видов списков.

Создание иллюстраций

В свою страничку можно вставить рисунок. Для этого нужен сам рисунок - обычно используют изображения в формате GIF (файлы с расширениями .gif) и JPEG (файлы с расширениями .jpg и .jpeg) и строчка HTML-тексте, указывающая браузеру, где этот рисунок находится:

<IMG SRC="picture.gif"> - рисунок "picture.gif" находится в том же каталоге, что и текущий документ;

<IMG SRC="images/picture.gif"> - перейти в подкаталог "images" текущего каталога и взять файл оттуда;

<IMG SRC="../images/picture.gif"> - подняться вверх на один шаг, перейти в каталог

"images" и взять рисунок оттуда;

<IMG SRC="http://www.fortunecity.com/business/fax/339/artics/practic/myphoto.gif"> - указание полного пути к файлу.

Обычно применяется, если рисунок находится на другом сервере, или используется картинка с другого сайта.

У данного тэга могут быть следующие атрибуты:

ALT="какой-то текст" - альтернативный текст. Текст, который появляется вместокартинок при просмотре странички браузером с отключенной автоматической загрузкойизображений (отключают многие - для экономии времени на медленных линиях связи).

BORDER="n" - рамка вокруг рисунка, где n - ее толщина в пикселах. При n="0" рамка не рисуется.

WIDTH="n" - задается ширина изображения в пикселах или в процентах от ширины экрана браузера (тогда после n следует знак %).

HEIGHT="n" - высота изображения в пикселах или в процентах от высоты экрана.

HSPACE="n" - отступ слева и справа от картинки шириной в n пикселов (т.е. свободное пространство между рисунком и текстом или чем-то иным).

VSPACE="n" - вертикальный отступ от картинки в пикселах.

ALIGN=CENTER - по умолчанию сопровождающий текст выравнивается по нижнему краю рисунка. Применяя атрибут ALIGN можно выравнивать текст по верхнему краю (TOP) или по центру рисунка ( CENTER или MIDDLE). Чтобы текст обтекал рисунок, используется значение атрибута LEFT или RIGHT, рисунок прижимается соответственно к левому или правому краю экрана.

Значения n перечисленных выше атрибутов по умолчанию равны нулю.

Цвет фона на WEB странице

Цвет фона определяется значением атрибута BGCOLOR - шестнадцатиричным числом вида #hhhhhh, где первая пара символов является значением насыщенности для красного цвета, вторая - для зеленого, и третья пара - для синего цвета. #00 - минимальная насыщенность, #FF - максимальная насыщенность цвета. Можно использовать текстовое определение цвета: BLUE, RED, FUCHSIA и т.п - одно из шестнадцати допустимых значений.

BLACK	#000000		GREEN #008000
SILVER	#C0C0C0		LIME #00FF00
GRAY	#808080		OLIVE #808000
WHITE	#FFFFFF		YELLOW #FFFF00
MAROON	#800000		NAVY #000080
RED	#FF0000		BLUE #0000FF
PURPLE	#800080		TEAL #008080
FUCHSIA	#FF00FF		AQUA #00FFFF

Например, чтобы сделать цвет фона страницы фиолетовым, можно написать <BODY BGCOLOR="#FF00FF">, а можно и так:

<BODY BGCOLOR="PURPLE">.

Фоном может служить и какое-то изображение. При этом заданная область заполняется множественными копиями этого изображения (как кафельной плиткой). Для этого используется атрибут BACKGROUND с указанием пути к рисунку. Например

<BODY BACKGROUND="graph/picture.gif">

Атрибуты BGCOLOR и BACKGROUND могут находиться внутри метки <BODY>, тогда цвет фона устанавливается для всей страницы, либо в метках <TABLE>, <TR> и <TD> - устанавливается цвет фона во всей таблице, ее строке и ее ячейке.

По умолчанию фоновый рисунок прокручивается вместе с текстом документа. Если зафиксировать фоновый рисунок, то можно добиться эффекта водяных знаков. Для этого используется атрибут BGPROPERTIES=«fixed».