И так как всем начинающим верстальщиком или (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='Это Пример'; returntrue;"onmouseout="window.status='';document.title='Правда Прикольно???'; return true">
ПРИМЕР
</a></div> </body> </HTML>
|