Сегодня начнём изучать основные Метки HTML.
Курс состоит из двух разделов: Теории и Практики. Так вот сегодня продолжим Теорию и начнём Практику. Для Практической части сегодняшнего урока нам понадобится программа Notepad. А ещё лучше, если вы зарегистрируетесь на сервере, предоставляющем бесплатно место для домашних страничек, narod.ru, например, и будете практиковаться сразу в интернете. Напомню - то, что я выделю жирным шрифтом - рекомендую основательно запомнить.
HTML - разметка гипертекста, это мы уяснили. Каким образом мы делаем разметку? Правильно, Вовочка, с помощью тагов или тегов, или тэгов. В оригинале это tag - что на русском значит - отметка. Потому далее мы будем их называть - метка. Так вот метки - это миникоманды для программы просмотра (browser). Бывают метки двух видов: начальные <...> и закрывающие </...>. Если где увидете или сами напишете в таких скобочках слова хорошие, правильно Вовочка, и не хорошие тоже, знайте - это метки. Начальная метка показывает программе где начинается действие команды, закрывающая метка указывает где прекращается действие команды, какой именно команды - это уже зависит от содержания метки. Принято так же под названием метки подразумевать две - и начальную и закрывающую, лишь при необходимости уточняют какая именно. Например: -Ты метку параграфа поставил? А закрыл?
Метки всякие нужны, все отметки хороши!
Знаете ли вы, что все страницы начинаются на одни и те же метки? Начинаются с метки <html> и заканчиваются на </html>. Это основная метка, указывающая на то, что это html-документ и просматривающая программа должна выполнять соответствующие инструкции. Так - все достали свои текстовые редакторы и записали:
<html> </html>
Это ваша первая, самая простоя вебстраница - сохраните её как: webpage1.html
----------------------------------------
Сохраните и откройте, посмотрите что получилось, для проверки правильности выполненного откройте образец webpage1.html и сравните. О, о! Ничего нет! Ответ не правильный - содержания нет, а вебстраница есть! Проверить html-code можно окрыв опцию View в панеле программы просмотра, и кликнуть в открывшемся меню опцию Source.
----------------------------------------
Внутри вебдокумент делится на две основные части: Заголовок и Основную часть.
Заголовок определяется меткой <head> ( закрывающая метка </body> соответственно). Давайте вставим метку заголовка в нашу страницу:
<html>
<head>
</head>
</html>
Сохраните документ и любопытства ради можете проверить, что получилось webpage1.html
----------------------------------------
И последнее, что мы разберём сегодня - это титульная метка <title> (закрывающая </title> ). Титульная метка отображает название вебдокумента, которое отображается в самой верхней строке программы просмотра, в панеле открытых программ в Windows, а также даётся как вариант названия для этого же документа при сохранении его посетителем на жесткий диск и при добавлении в избранное. Также содержимое титульной метки просматривается поисковыми роботами. Исходя из этого есть определённые правила озаглавливания вебдокумента: название должно состоять из двух-трёх частей. Первая часть - непосредственно название страницы - у нас это будет First WebPage. Промежуточная часть должна показывать к какому разделу вашего сайта принадлежит страница - в нашем случае это School of Lamers. Заключительная часть должна показывать адрес сайта, где размещена страница - в нашем примере lamersclub.narod.ru . Итого: First WebPage - School of Lamers - lamersclub.narod.ru
Давайте вставим титульную метку в нашу страницу:
<html>
<head>
<title>
First WebPage - School of Lamers - lamersclub.narod.ru
</title>
</head>
</html>
Сохраните и давайте сверим что получилось:webpage1.html Проверьте какое имя предлагает компьютер при попытке записать вашу страницу на жесткий диск и какое при попытке занести её в избранное. Говорю попытке, потому как не стоит делать этого на самом деле, как только компьютер предложит название просто нажмите cancel, чтобы отменить запись или внесение в избранное. Обратите внимание что написано в самой верхней строке программы просмотра и что выдал Windows в панели открытых программ.
----------------------------------------
Заключение: теперь понятно что такое метка, основная метка, заглавная метка и титульная метка? Если нет читай сначала или спроси в Беседке
