Здесь может быть ваша реклама...
1000
участников
5500 читателей

Стили оформления HTML-документа

   Если для создания HTML- документа пользоваться только теми тэгами, о которых говорилось ранее, то его страницы были бы неинтересными и скучными. В тексте нелегко  было бы выделить какие-либо отдельные формулировки или слова, поскольку он являлся бы однообразным.

  Однако для "украшения" html-страницы существуют тэги, которые делают ее простой и красивой для восприятия. С этой целью применяются разные шрифты и цвета в оформлении текста.


Документ basefont - базовый шрифт

  Настройки по умолчанию WEB-браузера посетителя сайта, задают параметры шрифта и размер главного текста html-документа. Вы может также это сделать (задать определенные параметры шрифта) для своей страницы, используя  тэг <basefont>, размещенный в секции <head>.
size
  Этот атрибут по умолчанию задает параметры шрифта. Размер определяется от 1 до 7:  от самого маленького до самого большого. Размер шрифта, равный трем единицам вводится в настройках браузера по умолчанию.


Пример:
-------------------------
<basefont size="4" />
-------------------------
Дополнительные стили шрифтов

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

B (Strong)
      Тэг <b> (strong) определяет тот факт, что текст, который  в нем содержится, нужно изображать жирным шрифтом - bold или strong. 

       Пример использования                                                                                                          Результат

<b>Данный текст жирный</b>                                                                         
Данный текст жирный


I (em)
     Тэг <i> (em) определяет тот факт, что текст, который  в нем содержится, нужно изображать курсивом - italic.

       
Пример использования                                                                                                          Результат

</i>Данный текст наклонный</i>                                                                    Данный текст наклонный
tt
     Тэг <tt> определяет тот факт, что текст, который  в нем содержится, нужно изображать шрифтом с фиксированным размером знакоместа - monospaced

        Пример использования                                                                                                         Результат 
   
<tt>Данный текст с непроп. шрифтом</tt>                                            Данный текст с непроп. шрифтом


big
     Тэг <big> определяет тот факт, что текст, который  в нем содержится, нужно изображать шрифтом, который больше, чем основной.
  
        Пример использования                                                                                                          Результат

Данный шрифт <big>чуть больше</big>основного                      Данный шрифт чуть больше основного  
small
     Тэг <small> определяет тот факт, что текст должен быть меньше, чем основной.
 
        Пример использования                                                                                                          Результат

Данный шрифт <small> чуть меньше</small>основного                  Данный шрифт чуть меньше, основного
sub
     Тэг <sub> определяет тот факт, что текст, который  в нем содержится, следует вывести в виде нижнего индекса.

        Пример использования                                                                                                          Результат

H<sub>2</sub>СO<sub>3</sub>+СO<sub>2</sub>=                                                      H2СO3 + СO2 = H2С3O5
H<sub>2</sub>С<sub>3</sub>O<sub>5</sub>     


sup
      Тэг <sup> определяет тот факт, что текст, который  в нем содержится, следует вывести как верхний индекс.

         Пример использования                                                                                                         Результат

3<sup>x+1</sup> + 20<sup>x-1</sup> + 2<sup>x</sup>= 27                                                 3x+1+ 20x-1+ 2x = 27
  Разные категории стилей можно соединять вложением тэгов, используя, к примеру, жирный курсив. Это соединение дает возможность в одной строке изображать некоторое количество элементов разными стилями.


<b>Любовь </b> - </i>это <b>счастье!</b></i


Величина шрифта в тэге font



  В любом тексте разрешается изменение размера шрифта, используя при этом атрибут size тэга <font>.


Синтаксис тэга:

<font size="[{+|-}]n">


  Заданный по умолчанию в веб-браузере или тэге basefont размер шрифта может быть относительным или абсолютным. Если это абсолютный размер шрифта, то его  размер указывается цифрами - от 1 до 7; если относительный,  -  то применяются символы {+ | -}. Они определяют смещение параметров шрифта:  положительно или отрицательно.

Цвет шрифта в тэге font

  Без соответствующего цветового оформления  страницы не будут смотреться. С помощью использования цветовой палитры Вы имеете возможность разукрасить страницы по своему желанию. В этом поможет атрибут color тэга <font>.


Его синтаксис:

<font color="# XXXXXX">


  RGB-формат (Red-Green-Blue) используется для указания цвета, причем каждый его элемент  устанавливается в шестнадцатеричном формате. Можно привести такой пример: черный - "FFFFFF",  белый цвет "000000", синий - "0000FF" и так далее.


Цвет шрифта в тэге basefont

  «Разукрасить» можно определенные части текста, а также - полностью документ с помощью  атрибута color тэга <basefont>:


<basefont color="# XXXXXX" />
Тэг body - цвет ссылок в нем

  Атрибуты тэга <body> также применяются для «раскрашивания» текста:


<body text="# XXXXXX"" link="# XXXXXX" alink="# XXXXXX" vlink="# XXXXXX">


text -текста в документе;

link - ссылки;

alink - активной ссылки, тот случай, когда к ней посетитель подводит указатель мыши;

vlink - посещенной ранее ссылки.
Пример:
-------------------------------------------------------------------------------------------------
<p>s
<font size=+1>p</font>
<font size=+2>r</font>
<font size=+3>i</font>
<font size=+4>n</font>
<font size=+3>t</font>
<font size=+2>s</font>
<font size=+1>e</font>
t</p>

<p><font color=#FFFF66>Желтый</font>
<font color=#00CC66>Салатовый</font>
<font color=#6699FF>Голубой</font></p>

<p><strong>Любовь</strong> - <em>это <strong>счастье!</strong></em></p>

-------------------------------------------------------------------------------------------------

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Бесплатно создаем сайт
Полезная литература по созданию сайта
Основы HTML
Структура HTML-документов
Основные и вспомогательные тэги тела документа
Тэги списков
Гипертекстовые ссылки
Оформляем фон html-страницы
Графика в HTML
Web оптимизация графики
Стили оформления HTML-документа
Escape-
последовательности
Таблицы HTML
Структура таблицы
Заголовок, тело, подвал, строки и ячейки таблицы
Формы HTML, синтаксис форм
Элементы управления
Меню выбора
Оформляем HTML-формы
Фреймы HTML, синтаксис фрэймов
Тэг frameset
Тэги frame, noframes
Взаимодействия между фрэймами (планирование)
Карты изображений
Описание CGI интерфейса, разбираем данные HTML-форм
CGI-файл данных
Прямой возврат, обработка результата
Введение в CSS
Практическое освоение
Свойства элементов, которые управляются CSS
Прописываем мета-тэги и готовим web-страницы к публикации

Развитие и монетизация сайта
Начинающему
веб-мастеру
Введение и знакомство с HTML
Бесплатно создаем собственный сайт
Основы поисковой оптимизации
Что такое ТИЦ и PR и как их увеличить
Как раскрутить собственный сайт
Зарабатываем на собственном сайте
Помощь в выборе хостинг-провайдера
Загружаем сайт на хостинг
Полезные сайты
Полезная литература
Информация

Все о CSS
Самый простой курс
®
Поделитесь информацией с друзьями: