Стандарты 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>
<body>
<div class="pri"><a href="#"onmouseover="window.status='Это пример';
document.title='Это Пример'; return true;"onmouseout="window.status='';
document.title='Правда Прикольно???'; return true">
ПРИМЕР
</a></div>
</body>
</HTML>
АВТОР: НЕИЗВЕСТНО
E-MAIL: НЕИЗВЕСТНО
САЙТ: http://www.welikeit.ru/
|
