11.24.2012

Форматирование текста в HTML часть 1

                                              

                Элемент <BODY>

 Вся  содержательная часть HTML-документа находится в его теле (элемент) BODY. Для определения этого элемента используются парные теги <BODY> и <BODY>. Эти теги не являются обязательными, но их наличие значительно улучшает наглядность HTML-документа.
     Все, что помещено между тегами <body> и </body>, является содержимым документа и показывается браузером пользователю. В простейшем случае это может быть просто текст без всякого дополнительного оформления, но чтобы чтение информации, содержащейся в HTML-документе, стало приятным занятием, применяется форматирование текста и разбиение его на логические цельные части (структурирование) с визуальным отделением этих частей друг отдруга.


                   Параметры элемента <BODY>

. 

Атрибут

Назначение
ALINK определяет цвет ссылки, активной в текущий момент
BACKGROUND указывает на URL - адрес изображения, которое используется в качестве фонового
BGCOLOR определяет цвет фона документа
BGPROPERTIES если установлено значение FIXED, фоновое изображение не прокручивается
LEFTMARGIN Устанавливает границу левого поля в пикселах
LINK Определяет цвет еще не просмотренной ссылки
TEXT Определяет цвет текста
SCROLL Управляет присутствием полос прокрутки в окне браузера
VLINK Определяет цвет уже просмотренной ссылки
 - alink - устанавливает цвет активной ссылки. Текущий цвет ссылки меняется на активный, когда на ссылку нажимают курсором мыши или выделяют ее с помощью клавиатуры. Устарел. Используйте CSS
     Синтаксис - <body alink="цвет">...</body>
     Пример:
   <body alink="red">   
<p><a href="http://vibochkarev1952.blogspot.com/ ">Мой любимый сайт</a></p>                                </body>
В результате мы увидим следующее: Мой любимый сайт



 - background - определяет изображение, которое будет использоваться в качестве фонового рисунка. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и текстом веб-страницы. В качестве фона допускается использовать анимированные изображения в формате GIF, но они отвлекают внимание читателей.
     Синтаксис - <body background="URL">...</body>
     Использование этого параметра осуждается спецификацией HTML.



 - bgcolor - устанавливает цвет фона веб-страницы. Можно использовать этот параметр совместно с background, подобрав цвет фона близкий к фоновому рисунку.
     Синтаксис - <body bgcolor=цвет>...</body>

     Использование этого параметра осуждается спецификацией HTML.

     Пример - <body bgcolor=green>Привет</body>


 - bgproperties - по умолчанию фоновый рисунок прокручивается совместно с содержанием веб-страницы. Используя параметр bgproperties можно зафиксировать фон на одном месте и, таким образом, заставить прокручиваться только контент. Подобное качество веб-страницы редко применяется для сайтов, поэтому для пользователей может показаться странным и непривычным.
     Синтаксис - <body bgproperties="fixed">...</body>

     Использование этого параметра осуждается спецификацией HTML и его наличие приведет к невалидному коду.

     Значение - существует только одно значение fixed, которое фиксирует фон. Если требуется, чтобы фон не фиксировался, удалите параметр bgproperties у тега <BODY> или установите у него пустое значение — "".


 - leftmargin - определяет отступ от левого края окна браузера до контента веб-страницы
     Синтаксис - <body leftmargin="число">...</body>
     Использование этого параметра осуждается спецификацией HTML и его наличие приведет к невалидному коду.

   - link - устанавливает цвет непосещенных ссылок
     Синтаксис - <body link=цвет>...</body>
     Использование этого параметра осуждается спецификацией HTML

   - text - устанавливает цвет текста, используемого на веб-странице по умолчанию. Цвета отдельных элементов можно легко изменять с помощью стилей
     Синтаксис - <body text="цвет">...</body>
.    Использование этого параметра осуждается спецификацией HTML


  - scroll - параметр scroll управляет присутствием полос 
прокрутки в окне браузера, когда содержание веб-страницы превышает размер 
текущего окна.
   Синтаксис - <body scroll="yes | no">...</body>   Использование этого параметра осуждается спецификацией HTML и его наличие 
приведет к невалидному коду.



   -   vlink - определяет цвет посещенных ссылок, т.е., таких ссылок, на которые пользователь уже «нажимал». 
     Синтаксис - <body vlink="цвет">...</body>
     Использование этого параметра осуждается спецификацией HTML


                               Цвет в документах HTML

     Все атрибуты, позволяющие задавать цвет (не только элемента BODY, но и других элементов) могут задаваться шестнадцатеричными числами или индификаторами.
     При задании в шестнадцатиричной системе цвет задается в RGB-формате. Напримет так - #00FFFF. Первые два символа задают интенсивность цвета красного цвета от 0 до FF (255 в десятичной системе счисления), третий и четвертый символы - интенсивность зеленого цвета, а два последних - интенсивность синего цвета.
    
Имя цвета Цвет Описание Шестнадцатеричное значение
black Черный #000000
blue Синий #0000FF
fuchsia Светло-фиолетовый #FF00FF
gray Темно-серый #808080
green Зеленый #008000
lime Светло-зеленый #00FF00
maroon Темно-красный #800000
navy Темно-синий #000080
olive Оливковый #808000
purple Темно-фиолетовый #800080
red Красный #FF0000
silver Светло-серый #C0C0C0
teal Сине-зеленый #008080
white Белый #FFFFFF
yellow Желтый #FFFF00
   
     Пример: <body bgcolor="#0000FF">...</body>

     Также атрибутам  задания цвета можно присваивать предопределенные индентификаторы некоторых наиболее часто употребляемых цветов


AQUA (бирюзовый)
BLACK (черный)
BLUE (синий)
GRAY (серый)
GREEN (зеленый)
LIME (ярко-зеленый)
MAROON (темно-красный)
WHITE (белый)
NAVY (темно-синий)
OLIVE (коричнево-зеленый)
PURPLE (фиолетовый)
RED (красный)
SILVER (светло-серый)
TEAL (сине-зеленый)
YELLOW (желтый)
 
     Пример:  <body bgcolor=" red">...</body>


                                Тег <FONT>



     Тег <FONT> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.
     Синтаксис - <font>Текст</font>

     Использование этого тега осуждается спецификацией HTML

      Параметры

color - устанавливает цвет текста. 
face - определяет гарнитуру шрифта. 
size - задает размер шрифта в условных единицах.

      Параметр COLOR  - устанавливает цвет текста внутри контейнера <FONT>.
      Синтаксис - <font color="цвет">...</font>


      Параметр FACE - параметр face служит для задания гарнитуры шрифтов, использующихся для текста. Названий шрифтов можно привести несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден, браузер станет использовать следующий по списку
      Синтаксис - <font face="шрифт">...</font>
.
      Параметр SIZE - задает размер шрифта в условных единицах от 1 до 7. Средний размер, используемый по умолчанию принят 3. Размер шрифта можно указывать как абсолютной величиной (например, size="4"), так и относительной (например, size="+1", size="-1"). В последнем случае размер изменяется относительно базового. На размер шрифта влияет не только заданный параметр size, но и выбор гарнитуры шрифта. Так, шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров
      Синтаксис - <font size="число">...</font>
Пример использования тега <font>
<html>
 <head>
  <title>Тег FONT</title>
 </head>
 <body>
  <p><font size="5" color="red" face="Arial">Пример использования тега FONT</font></p>
 </body>
</html>



Комментариев нет:

Отправить комментарий