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

Основы HTML


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

Добро пожаловать в школу дизайна


школа web-дизайна

 

Здравствуйте!

Итак, начнем с начала. Язык гипертекстовой разметки это просто правила, подчиняясь которым браузер клиента форматирует текст и отображает графику. Правила представляют собой набор тегов (контейнеров) имеющих свойства.
Рассмотрим три основных контейнера присутствующие в любой web-странице.

<html>...</html>
тег содержит в себе остальные теги или всё содержимое страницы. Другими словами код web-страницы всегда начинается с тега <html> и заканчивается тегом </html>.

Далее существуют два основных тега, которые делят страницу как бы на две части: техническую и пользовательскую.

<head>...</head>
тег содержит служебную информацию, которая не видна для пользователя (кроме заголовка), но является инструкциями для браузера пользователя.


<body>...</body>
тег содержит информацию видимую для пользователя. Скажем простой текст между этими тегами будет виден в окне браузера.

:: Пример 1 (<head>)

<head>
<title>999.9 школа web-дизайна</title>
<meta name="Description" content="Графические интерфейсы для создания сайта">
<meta name="Keywords" content="web-дизайн, создание сайта, разработка сайта, базы данных, каталог, интернет-магазин, форум, чат, гостевая книга, доска объявлений">
</head>

Описание вложенных тегов контейнера <head> было в Выпуске 3

:: Пример 2 (<body>)

<body bgcolor="#2C3A52" alink="#FFFFFF" vlink="#999999" text="#828282">
Простой текст видимый на странице
</body>


ниже раскрыты свойства тега <body>

bgcolor="#2C3A52" - цвет фона страницы
alink="#FFFFFF" - цвет активной ссылки
vlink="#999999" - цвет ссылки, по которой был переход
text="#828282"- цвет текста на странице


:: Пример
3 (страница полностью)

<html>

<head>
<title>999.9 школа web-дизайна</title>
<meta name="Description" content="Графические интерфейсы для создания сайта">
<meta name="Keywords" content="web-дизайн, создание сайта, разработка сайта, базы данных, каталог, интернет-магазин, форум, чат, гостевая книга, доска объявлений">
</head>

<body bgcolor="#2C3A52" alink="#FFFFFF" vlink="#999999" text="#828282">
Простой текст видимый на странице
</body>

</html>

Из вышеизложенного видно, что главный тег <html> содержит в себе два основных тега <head> и <body>. Каждый из которых, в свою очередь может содержать другие теги. Скажем, кроме текста тег <body> может содержать графику и это будет выглядеть в коде таким образом:

:: Пример 4

<body bgcolor="#2C3A52" alink="#FFFFFF" vlink="#999999" text="#828282">
Простой текст видимый для пользователя на странице.
<img src="filename.jpg">
</body>


где
filename.jpg графический файл.


:: тематический архив лекций по web-дизайну
(машина времени)

Выпуск 1 : Ради чего создается свой сайт (10 причин для владения сайтом)
Выпуск 2 : Три кита - основа любого сайта (четвертый кит-популярность)
Выпуск 3 : Текстовое содержание - еда для "пауков" (дайте им "хлеба")
Выпуск 4 : Графика с альтернативным текстом (комментарии к фото)
Выпуск 5 : Успех в подборе ключевых слов (ключи к вратам рая)
Выпуск 6 : Цвет фона и текста должен радовать глаз (забота о ближнем)
Выпуск 7 : Смена цветов просто двойным кликом (на любой вкус и цвет)
Выпуск 8 : Таблица "правильных" цветов (рекомендации "акулы дизайна")
Выпуск 9 : Стильный дизайн стандартной кнопки (мелочь, а как приятно)
Выпуск 10: Выбор дальнейшего пути (я с детства выбрал верный путь)

Найдите что отдать просто так, не за деньги, и это к Вам вернется приумноженным многократно.


Оставляю Вас в ожидании продолжения...

Вадим Грант.

 
 
 


Copyright © 2004 "999.9" design school

http://subscribe.ru/
http://subscribe.ru/feedback/
Подписан адрес:
Код этой рассылки: comp.design.999
Отписаться

В избранное