Стандарты HTML

И так как всем начинающим верстальщиком или (web-программерам) известно что HTML документ в первую очередь начинается с блокнота! B самой первой строкой в ДОКЕ желательно (даже требовательно) прописывать не <html>, а <!doctype ....>! Почему? Все как говориться, банально и просто! Эта строка позволяет HTTP серверу распознать версию HTML и интерпретация языка написания.

А выглядит эта строка так :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

Плюс четыре варианта её написания!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd ">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd ">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" " http://www.w3.org/TR/html4/frameset.dtd">

Есть ещё один вариант который тоже считается правильным но сомнительным!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//RU">

Дальше естественно после написания этой строки следует сам HTML

Второй обязательной строкой в ДОКУМЕНТЕ является контейнер <HTML> - который содержит в себе всю информацию для отображения на экран и интерпретацию команд для  браузера. Имеет обязательный закрывающий отберут </HTML>
Третьей строкой задается название ДОКУМЕНТА которое вписывается в контейнер <TITLE> - Позволяет в строке пояснения окна выводить текст (НаЗвАнИе). И тоже имеет закрывающий атрибут </TITLE> Четвёртой строкой вноситься контейнер <HEAD> - позволяет вносить в себя CSS стили <META> - команды, и JavaScript крипты, плюс можно внести ни сам код а лишь дорогу к нему!!!

для CSS - (<link href="_путь.расширение_" type="text/css" rel="stylesheet">)

для JavaScript - (<script language="JavaScript" src="путь к файлу с расширением .js">).

 пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//RU">
<HTML>
<title>Пример чисто Пример</title>
<head>
<style type="text/css">
body
{
cursor:help;
margin:0 0 0 0;
text-align:center;
font-family:Monotype Corsiva;
font-size:30px;
font-style:italic;
background:#dcdcdc;}
a:link
{
COLOR: #F5F5DC;
TEXT-DECORATION: none;
font-family:monotype corsiva, Times New Roman;
font-style:italic;
font-weight:bold;
}
a:active
{
COLOR: #F5F5DC;
TEXT-DECORATION: none;
font-family:monotype corsiva, Times New Roman;
font-style:italic;
font-weight:bold;
}
a:visited
{
COLOR:#F5F5DC;
TEXT-DECORATION: none;
font-family:monotype corsiva, Times New Roman;
font-style:italic;
font-weight:bold;
}
a:hover
{
COLOR:red;
TEXT-DECORATION: none;
font-family:monotype corsiva, Times New Roman;
font-style:italic;
font-weight:bold;
}
</style>
</head>
<dody>
<div class="pri"><a href="#"onmouseover="window.status='Это пример'; document.title='Это Пример'; return true;"onmouseout="window.status='';document.title='Правда Прикольно???'; return true">

ПРИМЕР

</a></div>
</body>
</HTML>