Теги html, head, body, title Печать E-mail
(6 голоса, среднее 5.00 из 5)
Создание статического сайта - Основы HTML. отправлено Тема сообщения нужно понять что Калаш будете пересказывать текст
20.12.2010 00:00

Задачи: выяснить для чего нужны

теги <html> и </html>;

теги <head> и </head>;

теги <body> и </body>;

теги <title> и </title>;

создать свою первую страницу.

Для того чтобы создавать статические страницы на HTML нам не потребуется выход в Интернет, и даже не потребуется устанавливать локальный сервер. Потребуется простой текстовый редактор (Notepad, Notepad++, Bred3.0.3) для написания кода и браузер (IE, Opera, Mozilla firefox, …) для просмотра полученного результата. Кроме того создайте папку на диске C: или D: (или какой у Вас там есть)  и назовите её, к примеру, practicalwork.

1. Наберите текст в блокноте (или просто скопируйте)

<html>
<head>
<title> Отображается в титле браузера </title>
</head>
<body>
Это и есть тело документа.
Здесь вставляем наш контент.
</body>
</html>

2. Сохраните файл с расширением *.html (не перепутайте, *.txt нам не нужен), например, primer1.html в папку practicalwork.

3. Откройте получившийся файл в браузере. У Вас должно получиться примерно так:

Теги html, head, body, title

Обратите внимание, что отображается в титле браузера, в верхнем левом углу и ещё на то, что в теле, т.е. между тегами <body> и </body> мы писали в две строки, но браузер вывел в одну. С этим мы разберёмся позже, а сейчас вернёмся к нашим, нет ни баранам, а тегам.

Обратите внимание, что наш документ начался с тега<html> (открывающий тег) и закончился похожим тегом </html> (закрывающий тег), но только с обратным слешем.

Теги <html> … </html> - являются так называемым контейнером для всей html – страницы, в том числе и тегов  <head> … </head> и тегов <body> … </body>.

Аналогично теги <head> и </head> - это контейнер для данных, которые нужны для корректного отображения в браузере и метаданные (мы к ним ещё вернёмся) для поисковых ботов. По простому, этот контейнер называют – голова документа. Теги <body> и </body> создают контейнер для содержательной части веб – страницы (контента). В тегах <body> … </body> заключено тело документа.

И наконец, теги <title> и </title> непосредственно заключены в голову документа, между тегами <head> и </head>. Информация, занесённая здесь, отображается в титле браузера и на закладке. Тег <title> имеет немаловажное значение для поисковых машин, следовательно, учитывается при ранжировании.

Пожалуй, всё, но напоследок хочу Вас немножко повеселить или удивить. Вернитесь к своему сохранённому документу primer1.html и снова откройте его в блокноте. Теперь удалите из этого документа теги <html> и </html>, а также теги <body> и </body>. В общем, должно получиться так:

<head>
<title> Отображается в титле браузера </title>
</head>

 

 

Снова сохраните этот файл и просмотрите его в своём браузере. Не сомневаюсь, что результат у Вас получился такой же как и в первый раз. Дело в том, что и тег <html> и тег <body> не являются обязательными, но не советую ими пренебрегать, дабы не нарушать структуру документа.

Обновлено 09.03.2011 01:50
 
Rambler's Top100
Main page Contacts Search Contacts Search