Отправляет email-рассылки с помощью сервиса Sendsay

Обучение созданию сайтов с нуля.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

  Май 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Александр Левитас

Статистика

1.308 подписчиков
0 за неделю
←   Все выпуски   →

Обучение созданию сайтов с нуля. #6. Основы HTML


Информационный Канал Subscribe.Ru
 

Создание сайтов с нуля

#6. Основы HTML

по всем вопросам пишите на e-mail : webcourse@mail.ru

Как я уже говорил, HTML не является языком программирования - это язык разметки документов, и используемые в нем теги служат для определения формата и стиля, который будет использоваться при отображении документа. Теги не выводятся на экран монитора, они лишь показывают браузеру, каким стилем и форматом показывать данный текст. Имена тегов не чувствительны к регистру, поэтому нет различий между <head> или <HEAD>.

Итак мы постараемся рассмотреть все основные html-теги.
В прошлом выпуске я говорил о тегах <head> и <body>. О том, что можно разместить внутри контейнера <head> мы еще поговорим, но об одной строке, которую необходимо там разместить я скажу:

<META HTTP-EQUIV="Content-Type" Content="text/html; Charset=Windows-1251">

Это строка нужна, чтобы указать браузеру на кодировку документа, без этой строки в некоторых браузерах текст документа отображается некорректно.

А теперь рассмотрим тег <body> и его атрибуты. В контейнере <body> располагается основное содержание документа. С помощью атрибутов данного тега можно задавать цвет фона страницы (или фоновый рисунок), цвет текста, цвет ссылок, отступы на странице и т.д.

Атрибуты тега <body>:

bgcolor - цвет фона страницы
background - фоновый рисунок страницы
bgproperties — определяет, прокручивать фон совместно с текстом или нет.
link - цвет ссылок
vlink - цвет посещенных ссылок
alink - цвет активных ссылок (ссылка становится "активной", когда на нее нажимают курсором мыши)
text — цвет текста в документе
bottommargin — отступ от нижнего края окна браузера до содержимого документа
leftmargin — отступ от левого и правого края окна до содержимого документа
topmargin — отступ от верхнего края окна браузера до содержимого документа

Пару слов насчет цвета:

Цвета задаются числами в шестнадцатеричной системе счисления. Перед числом ставится символ решетки #. Любой цвет задается значениями трех цветов: красного, зеленого и синего. Например, черный цвет будет задаваться так: #000000. Первые два символа после решетки задают значение красного цвета, вторые два символа - зеленый цвет, и два последние символа - значения синего цвета. Так полностью красный цвет - это #FF0000. И практически любого необходимо цвета можно достичь смешением этих трех цветов.

Теперь пример использования параметров тега <body>:

 

<html>
<head>
<title>Пример использования атрибутов тега BODY</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
</head>
<body bgcolor="#F5DEB3" background="1.jpg" bgproperties="fixed" link="#000000" alink="#CD853F" vlink="#A0522D" text="#808080"
leftmargin=20>
<!--А здесь вы можете разместить основное содержание документа, текст, параграфы, ссылки и т.п.-->
</body>
</html>

 

Теги, используемые в примере, описаны выше, я лишь немного дополню.
Текст, заключенный в <!-- -->, является комментарием, и никак не сказывается на отображении браузером вашей странички. Комментарии служат для удобства работы, но не стоит перегружать страничку комментариями, поскольку они все равно не видны при отображении страницы, а лишь увеличивают размер вашей страницы.

И еще: параметры bottommargin, leftmargin, topmargin корректно распознаются Internet Explorer, то для того, чтобы и в других браузерах распознавался отступ, нужно дополнительно использовать соответственно: marginheight (для отступов по вертикали) и marginwidth (для отступов по горизонтали).

 

Всего доброго.
Винников Василий.

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: economics.education.webcourse 		Отписаться
Вспомнить пароль
В избранное