И так как всем начинающим верстальщиком
или (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>