Интернет – легко и просто!, Александров Егор

Интернет – легко и просто!

на обложку

Александров Егор

Шрифт:

Можно применять и оба параметра одновременно:

Если же цвет шрифта устанавливать во всем документе нет необходимости, а нужно, к примеру, выделить только несколько слов, то следует воспользоваться следующей конструкцией:

<F0NT C0L0R="#3399FF">Текст</F0NT>

Ниже приведен список основных цветов. Более полный перечень

можно найти в Интернете (или же получить нужный цвет «на ощупь").

– Черный – 000000.

– Белый – FFFFFF.

– Синий – 0000FF.

– Зеленый – 00FF00.

– Желтый – FFFF00.

– Красный – FF0000.

– Оранжевый – FF9900 и FFA500.

– Голубой – 00CCFF.

– Серый – 999999.

– Коричневый – 996633.

Изображения

Чтобы вставить в документ изображение, необходимо воспользоваться тегом <IMG>. Данный тег имеет множество параметров, главным из которых является SRC, задающий имя файла с изображением. Если картинка находится в той же папке, что и HTML-файл, то достаточно просто указать ее название:

Если изображение расположено во вложенной папке, то ссылка на него будет примерно такой:

Аналогично можно указывать расположение изображения в Интернете:

Немаловажными являются параметры WIDTH и HEIGHT – соответственно, ширина и высота изображения в пикселах. Если эти параметры не заданы, то будут использоваться реальные размеры изображения.

Картинка, вставляемая в документ описанным выше способом, просто «встраивается» в текст, занимая одну из его строк наравне с остальными словами. Зачастую это выглядит довольно некрасиво. Ситуацию можно исправить, используя параметр ALIGN тега <IMG>.

– Обтекание текстом справа:

– Обтекание текстом слева (рис. 6.2): <IMG SRC="picture.jpg» ALIGN="RIGHT">

Рис. 6.2. Размещение рисунков.

Помимо всего прочего, картинку можно использовать для задания фонового изображения. Для этого существует параметр BACKGROUND тега <BODY>:

Выбранное изображение будет находиться на заднем плане, а все остальные элементы – располагаться поверх него.

Если размеры картинки меньше размеров

окна, то она будет размножена таким образом, чтобы занять все имеющееся пространство.

Ссылки

Ссылка является основным инструментом для перехода от одной веб-страницы к другой. Она задается тегом <А> с параметром HREF, указывающим на файл, который будет открыт при щелчке на данной ссылке.

Типичными являются следующие конструкции:

<А href="#">Teкст ссылки</А>

<А href="#"text_cite">

<А TARGET="_BLANK» href="#">Tекст ссылки</А>

При работе с большими документами очень полезными бывают ссылки на другие места того же файла. Для этого, помимо самой ссылки, понадобится метка (якорь), указывающая место, в которое нужно перейти. Для создания якоря используется параметр NAME тега <А>. Значение параметра на экране не отображается и может быть любым:

<А NAME="Iabel1">Текст</А>

Ссылка на данный якорь будет следующей:

<А href="#">Текст ссылки</А>

При щелчке на этой ссылке экран будет сфокусирован на тексте, заданном в якоре.

В качестве ссылки может использоваться не только строка текста, но и изображение. Принцип построения и работы ссылки такой же, только между тегами располагается не текст, а изображение:

<А href="#"> <IMG SRC="picture.j pg"> </A>

Таблицы

При построении сайтов таблицы используются очень часто, причем применяются они, как правило, не для создания таблиц как таковых, а для удобного и красивого размещения содержимого веб-страниц.

Для организации таблицы существует тег <TABLE>. Кроме того, необходимы такие теги, как <TR> – строка таблицы и <TD> – столбец.

Создадим таблицу 2x4. Для этого сначала необходимо организовать две строки:

<TABLE>

Затем нужно в каждой строке задать по четыре столбца:

<TABLE> <TR> <Т0>Текст ячейки</Т0>

<ТО>Текст ячейки</ТО>

<ТО>Текст ячейки</ТО> </TR> <TR>

<ТО>Текст ячейки</ТО>

<ТО>Текст ячейки</ТО> </TR> </TABLE>

Создать рамку для таблицы можно с помощью параметра BORDER, значение которого соответствует ширине рамки. Параметр BORDERCOLOR определяет ее цвет: