Шрифт:
Теперь посмотрим на результат в браузере (рис. 6.1).
Рис. 6.1. Форматирование текста
Цвета
Помимо манипуляций с текстом, HTML позволяет изменять цвета элементов вебстраницы. Цвета в HTML обозначаются в шестнадцатеричном виде.
Для справки: если в десятичной системе каждая цифра числа находится в пределах от 0 до 9, то в шестнадцатеричной – от 0 до F (после 9 идет А, затем В, С, D, Е и F), то есть числу 16 соответствует F, a 17—10.
Так, белому цвету в HTML соответствует код FFFFFF, черному – 000000, а между ними находится более 16 млн других цветов.
Цвет фона устанавливается с помощью параметра BGCOLOR в обязательном теге <BODY>. По умолчанию фон белый.
Чтобы установить, к примеру, оранжевый, необходимо ввести следующее:
<B0DY BGCOLOR="#FF9900">
Для изменения цвета шрифта во всем документе существует параметр TEXT все в том же теге <BODY>.
Например, синий шрифт можно получить следующим образом:
<B0DY TEXT="#0000FF">
Можно применять и оба параметра одновременно:
<B0DY BGCOLOR="#FF9900» TEXT="#0000FF">
Если же цвет шрифта устанавливать во всем документе нет необходимости, а нужно, к примеру, выделить только несколько слов, то следует воспользоваться следующей конструкцией:
<F0NT C0L0R="#3399FF">Текст</F0NT>
Ниже приведен список основных цветов. Более полный перечень можно найти в Интернете (или же получить нужный цвет «на ощупь").
– Черный – 000000.
– Белый – FFFFFF.
– Синий – 0000FF.
– Зеленый – 00FF00.
– Желтый – FFFF00.
– Красный – FF0000.
– Оранжевый – FF9900 и FFA500.
– Голубой – 00CCFF.
– Серый – 999999.
– Коричневый – 996633.
Изображения
Чтобы вставить в документ изображение, необходимо воспользоваться тегом <IMG>. Данный тег имеет множество параметров, главным из которых является SRC, задающий имя файла с изображением. Если картинка находится в той же папке, что и HTML-файл, то достаточно просто указать ее название:
<IMG SRC="picture.j pg">
Если изображение расположено во вложенной папке, то ссылка на него будет примерно такой:
<IMG SRC="pics/picture.jpg">
Аналогично можно указывать расположение изображения в Интернете:
<IMG SRC="http://www.somewhere.ru/pics/picture.jpg">
Немаловажными являются параметры WIDTH и HEIGHT – соответственно, ширина и высота изображения в пикселах. Если эти параметры не заданы, то будут использоваться реальные размеры изображения.
Картинка, вставляемая в документ описанным выше способом, просто «встраивается» в текст, занимая одну из его строк наравне с остальными словами. Зачастую это выглядит довольно некрасиво. Ситуацию можно исправить, используя параметр ALIGN тега <IMG>.
– Обтекание текстом справа:
<IMG SRC="picture.j pg» ALIGN="LEFT">
– Обтекание текстом слева (рис. 6.2): <IMG SRC="picture.jpg» ALIGN="RIGHT">
Рис. 6.2. Размещение рисунков.
Помимо всего прочего, картинку можно использовать для задания фонового изображения. Для этого существует параметр BACKGROUND тега <BODY>:
<B0DY BACKGROUND="picture.jpg">
Выбранное изображение будет находиться на заднем плане, а все остальные элементы – располагаться поверх него.
Если размеры картинки меньше размеров окна, то она будет размножена таким образом, чтобы занять все имеющееся пространство.
Ссылки
Ссылка является основным инструментом для перехода от одной веб-страницы к другой. Она задается тегом <А> с параметром HREF, указывающим на файл, который будет открыт при щелчке на данной ссылке.
Типичными являются следующие конструкции:
<А href="#">Teкст ссылки</А>
<А href="#">Teкст ссылки</А>
<А HREF="
В документе текст ссылки выделяется отличным от остального текста цветом и подчеркивается. Как правило, он объясняет содержимое той веб-страницы, на которую вы перейдете, щелкнув на ссылке.