Учебник по Html для начинающих. Инструментарий.
Что такое тэги?
То, как будут выглядеть картинки, текст и другие элементы на Вашей странице, и как они будут располагаться относительно друг друга, определяют тэги (tags).
Примечание: К примеру тэг: <br> (перенос текста на другую строку). Попробуйте вставить еще несколько тэгов <br> в нашем документе перед «добро пожаловать!». Сохраните. Посмотрите в вашем браузере, что получилось.
Все, что находится между знаками < и > - это тэг. Он обязательно должен быть заключен в эти скобки. Текст, находящийся вне таких скобок < > - виден при просмотре в браузере.
Как видите на нашем примере: тэгов много, а информации, выведенной при их помощи намного меньше. Обратите внимание на картинку ниже, она наглядно показывает нам обязательные тэги. Обязательные теги, это такие теги, которые Вы всегда должны прописывать для каждой своей странице.
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html> (посмотреть результат)
<html> и </html> - основные теги нашей страницы. Первый из них открывает код нашего документа, второй - закрывает, как Вы можете наблюдать на рисунке.
Важно: практически все теги имеют не только закрывающий тег, но и обязаны его иметь, так как в противном случае на странице произойдут критические ошибки. Как Вы навероное догадались, закрывающий, содержит в себе слеш. Правда некоторые тэги, вроде <br>, не требуют закрывающего тэга. Но вернемся к нашему документу и рисунку.
Следующие теги также имеют ключевое значение:
<head> </head> - голова документа
<body> </body> - тело документа.
Все тэги, расположенные между <head> </head>, являются служебной информацией. Например, <title></title> - заголовок сайта, а точнее страницы. Он нужен для того чтобы пользователь в названии сайта видел о чем он. Но там должна содержаться очень краткая информация, дающая по-сути определение странице в целом. К тому же поисковики в результатах поиска выставляют в первую очередь эту информацию, что важно для продвижения (но об этом не здесь и не сейчас). В браузере на вкладке Вы можете увидеть часть заголовка, а если наведете на вкладку мышку, увидите его полностью.
Все тэги, расположенные между <body> </body> - являются непосредственным содержание страницы. Следующие несколько страниц будут посвящены именно этим тэгам. Однако прежде всего закончим наш разговор о тэгах, в целом.
Следующие, расмотренные нами, теги:
1. <html> </html>(в них заключен весь основной код и текст),
2. <head> </head>(в них заключена служебная информация),
3. <body> </body>(в них заключен код и текст, которые мы наблюдаем в браузере),
составляют "скелет" страницы. Они должны присутствовать в каждом HTML-документе в порядке, указанном на рисунке!
<тэг> и </тэг> - не просто тэг, они образуют контейнер - тэг, который может содержать внутри себя другие тэги и текст.
Важно: Обратите внимание на очередность закрывающих тегов:
<тэг1><тэг2> <тэг3>...</тэг3></тэг2></тэг1>
Только такая очередность верна: тэг, который мы открыли первым - закрываем последним, второй – предпоследним и т.д.
Т.е. следующая очередность не верна и наверняка приведет к ошибкам на Вашей странице:
<тэг1><тэг2><тэг3>...</тэг3></тэг1></тэг2>
Поэтому будьте внимательны, и пишите код своих страниц аккуратно и вдумчиво.
<<< Страница 1 :Назад | Далее: Страница 3 >>>
