Иллюстрированный самоучитель по созданию сайтов

Простейшее форматирование текста

Цветовое оформление

Для этого проще всего установить соответствующие атрибуты тега <BODY>. Атрибут ТЕХТ= определяет цвет текста на страничке, а атрибут BGCOLOR= – цвет фона. Названия цветов можно вводить по названиям, например: "black" (черный), "white" (белый), "yellow" (желтый), "green" (зеленый), "fuchsia" (сиреневый) и т. д. Существует довольно много названий цветов, которые можно использовать в HTML, однако можно получить любой из цветов, введя его шестнадцатеричный номер. Причем это не так сложно, как может показаться.

Шестнадцатеричный номер цвета должен состоять из шести цифр. Первые две означают интенсивность красной составляющей, вторые две – зеленой и последние две – синей. Таким образом, красный цвет обозначается как FFOOOO, зеленый – OOFFOO и синий – OOOOFF. Цвет с номером 000000 – черный (нет ни одной составляющей), а FFFFFF – белый. Если это понятно, то можно поэкспериментировать с интенсивностью каждой составляющей отдельно. Если FFOOOO – это красный цвет, то 880000 – уже темно-красный, а 440000 – красно-коричневый; 220000 похож на коричневый, а 110000 – черный с красноватым оттенком. Точно так же OOFFOO – это яркий зеленый, ООААОО – приятный лиственно-зеленый, 007700 – темно-зеленый, 003300 – очень темный зеленый и 001100 – черный с зеленоватым оттенком. Немного поэкспериментировав с интенсивностью каждой составляющей, можно попробовать смешивать цвета. Таким образом, можно научиться быстро вводить цвет в цифровом виде. Конечно, в различных HTML-редакторах можно выбирать цвет из палитры обычным способом, “на глаз”, но всегда лучше знать точно, что происходит в коде. Кстати, если кому-то не по душе шестнадцатеричные числа, то с помощью CSS он сможет определять цвет и с помощью обычных, десятичных чисел.

Перед шестнадцатеричным номером цвета необходимо поставить знак #. Например, для нашей странички цвета можно определить так:

<BODY BGCOLOR="#BABAAO" TEXT="#1D1D18">

Это даст при просмотре одинаковый коричневатый оттенок и цвета, и фона, однако цвет фона будет более тяготеть к серебряно-белому, а цвет текста – к темно коричневому. Давайте посмотрим, что у нас получилось.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
  
<HEAD>
    <title>Домашняя страница Сергея Сергеева</title>
</HEAD>
  
<body bgcolor="#babaa0" text="1d1d18">
    <h1><div aling="center">Домашняя страница Сергея Сергеева </div></h1>
    <br>Сергей Сергеев - писатель-авангардист, автор 20 рассказов.
    <br>В жизни большой любитель собак и компьютерных игр.
    <br>
    <br>Некоторые его рассказы вы можете прочитать прямо здесь.
    <br>
    <HR WIDTH="75%">
    <H2><P ALIGN="center">ИВАН-ЦАРЕВИЧ И СЕРЫЙ ЗАЯЦ <br>
сказка</p></H2>
    <p align="right">Ну, погоди!..
        <BR>(Из мультфильма)</Р>
        <p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Жил да был Иван-Царевич, и все у него было: и злато-серебро, и невест полный дворец, и книжек много умных, и тренажерный зал огромный...
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Долго ли, коротко ли...
            <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;И они жили долго и счастливо и умерли в один день.</Р>
            <HR WIDTH="75%">
            <h2><p align="center">МОЛОТОК <br> рассказ</p></h2>
            <p ALIGN="right">Мы кузнецы, и дух наш молод.
                <br>(Из песни)</P>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Это случилось очень давно, уж и не помню в каком году, в каком веке и в каком тысячелетии... (Здесь располагается текст рассказа)
</BODY>
  
</HTML>

Он все более и более становится похожим на нормальную веб-страницу, которую можно вполне адекватно воспринять, случайно наткнувшись на нее в WWW. Однако пока что это только отформатированный текст, в котором отсутствуют самые главные элементы, являющиеся основой структуры WWW – гиперссылки. О них пойдет речь в следующем разделе, а пока давайте рассмотрим еще несколько редко используемых возможностей форматирования текста в HTML.

Дополнительные варианты оформления

Браузеры отображают текст, находящийся между тегами <CITY></CITY> курсивом. Например, если вы напишете следующее:

А.С. Пушкин сам говорил,
что он <CITY>лиру посвятил народу
своему</CITY> по этому есть все основания считать, что судьба русского народа
была для него не безразлична.

…то большинство браузеров отобразят это так:

Иллюстрированный самоучитель по созданию сайтов › Основные средства языка HTML › Простейшее форматирование текста

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.