– Черный – 000000.

– Белый – FFFFFF.

– Синий – 0000FF.

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

– Желтый – FFFF00.

– Красный – FF0000.

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

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

– Серый – 999999.

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

<p>Изображения</p>

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

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

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

http://www.somewhere.ru/pics/picture.jpg">

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

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

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

– Обтекание текстом слева (рис. 6.2):

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

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

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

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

<p>Ссылки</p>

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

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

<А HREF="chap1.htm">Teкст ссылки

<А HREF="content/chap1.htm">Teкст ссылки

<А HREF="

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

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

<А TARGET="_BLANK» HREF="chap1.htm">Tекст ссылки

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

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

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

<А HREF="#Iabel1">Текст ссылки

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

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

<А HREF="chap1.htm">

<p>Таблицы</p>

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

Для организации таблицы существует тег

. Кроме того, необходимы такие теги, как  – строка таблицы и
 – столбец.

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

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

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

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

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

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

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

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

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

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

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

Чтобы изменить цвет фона во всей таблице или в отдельно взятой ячейке, можно использовать уже известный нам параметр BGCOLOR применительно, соответственно, к тегу

или к тегу
.

Теперь поговорим о размерах. Размеры определяются с помощью параметров WIDTH и HEIGHT (ширина и высота) и могут задаваться как для всей таблицы, так и для каждой отдельной ячейки. Если, к примеру, используется конструкция:

,

Перейти на страницу:

Все книги серии Популярный самоучитель

Похожие книги