Приступим...Web страницы или документы html можно создавать в любом текстовом редакторе (включая Microsoft Notepad, DOS edit, Mac SimpleText и UNIX vi). Навернятка на вашем компьютере уже установлен один из перечисленных текстовых редакторов, даже если вы ранее не знали о его наличии и никогда не использовали. Необходимые элементыЧтобы увидеть как выглядят коды html, и познакомиться с наиболее часто используемыми тегами, взгляните на предельно простой документ html, открытый в окне программы Microsoft Notepad. Вы можете набрать тот же текст в своем редакторе, чтобы повторить приведенный здесь пример. 
Каждый документ html должен начинаться тегом <html> и оканчиваться его двойником </html>. Помимо них, в данном файле содержаться еще три пары тегов, которые должны присутствовать в любом другом документе html. - Пара тегом <head> и </head> применяются для обозначения любой информации о самом документе html. Как добавлять эту информацию вы узнате чуть позжею
- Теги <title> и </title> предназначены для добавления заголовка, отображаемого в строке заголовка Web-браузераю Строкой заголовка называется цветная полоса вдоль верхнего края окна любого приложения, где указыается название данного приложения.
- Теги <body> и </body> применяются для обозначения любого текста, отобразаемого на странице html.
Все html-документы состоят из двух частей: описательной и основной. Поскольку заголовок содержит информацию о самом документе, теги <title> и </title> помещаются внутри тегов <head> и </head>.
Еще одна страницаПовторив приведенный далее пример создания простой html-страницы, вы наверняка обратите внимание, что те же четыре тега присутствуют и в этом документе. менятся лишь текст, набранный внутри тегов. <html> <head> <title>Моя вторая Web-страница</title> <body> </body> <p>Это моя вторая Web-страница</p> </html> Сохранение и просмотр страницы
Чтобы созданную Web-страницу можно было просмотреть в окне браузера, ее прежде всего необходимо сохранить. Поскольку сохраняемый файл является документом html, укажите для него расширение htm или html (напримерб first.html), что позволит в дальнейшем сразу же определять его тип.
Созданные документы html вы всегда сможете просматривать в окне своего Web-браузераб даже если файлы этих документов сохранены на вашем компьютереб а не на Web-серверею Чтобы просмотреть файл в окне браузера Internet Explorer, в меню Файл выберите команду Открыть. 
Обязательные элемнты документа XHTMLВ языке ЧРЕЬДб более новой версии html, есть еще один обязательные для создаваемых Web-страниц элемент - тег <!DOCTYPE>. Этот тег указывается в верхней части файла и идентифицирует текущий документ html как удовлетворяющий требованиям XHTML. Если вы создаете XHTML-совместимый документб он может выглядеть приблизительно так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Моя XHTML страница</title> <body> </body> <p>Это моя первая XHTML страница.</p> </html> Тег <!DOCTYPE> имеет три разновидности: Strict, Transitional и Frameset. В верхней части html-документа вы декларируете, какую именно из них хотите использовать.
- Strict . Применяйте эту разновидность тега лишь в том случае, если точно уверены, что все посетители вашей Web-страницы используют новые Web-браузерыб способные корректно интерпретировать таблицы стилей. Разновидность Strict выглядит следующим образом:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- strict.dtd">
- Transitional. Применяйте эту разновидность, если вы знаете точно, какие именно программные средства будут использоваться для просмотра вашей Web-страницы.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">
- Frameset. Применяйте эту разновидность, работая с фреймами. Подробнее фреймы рассматриватся будут позже.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- frameset.dtd">
Обратите внимание еще на одно отлтчие кодов XHTML от обычных документов HTML: у тега <html> появилось три новых атрибута: xmlns, xml:lang и lang. В случае применения HTML вам достаточно было вклюить тег <html>, чтобы идентифицировать файл как html-документ, однако в данном случае требуется добавление атрибута xmlns, подключаемого документ к определению W3C языка XHTML, которое по-прежнему продолжает эволюционировать. Пока же запомните о необходимости включения тега <!DOCTYPE> и полного тега <html> в коды всех своих Web-страниц. На сегодня все, увидимся в следующем уроке! :)
|