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

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».