Cтруктура HTML-документа (создание шаблона)

Элементы языка HTML, формирующие структуру документа, служат для размещения на Web-странице служебных данных и полезной информации . Служебные данные необходимы для эффективной работы поисковых систем и корректного отображения страницы браузером.

Создайте шаблон HTML-документа, который в дальнейшем будете использовать для создания новых HTML-документов. Следуйте ниже указанным пунктам.

1. Откройте редактор Блокнот (Пуск/Программы/Стандартные/Блокнот).

2. Сохраните автоматически созданный программой файл в своей папке под именем template.htm (шаблон). При сохранении (Сохранить как…) обязательно укажите необходимое расширение. Для этого в поле “Тип файла” выберите пункт “Все файлы” и в имени файла пропишите расширение «.htm».

3. В созданном файле шаблона (template.htm) создайте структуру HTML-документа, указав:

  • язык и его версию, на котором будет записываться код документа (элемент DOCTYPE).
  • начало и окончание HTML-документа (элемент HTML).
  • начало и окончание раздела заголовка (элемент HEAD) для размещения служебных данных и раздела тела документа (элемент BODY) для размещения информационных материалов.
  • название документа, отображаемое в строке заголовка браузера (элемент TITLE).  служебные данные (элемент META), определяющие:
    • автора документа (author),
    • ключевые слова (keywords),
    •  содержание документа (description),
    • имя программы-редактора HTML-документа (generator),
    • кодировку кириллицы, применяемую браузером при отображении данного документа (Content-Турe).

Код документа должен выглядеть так:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 TRANSITIONAL//EN”>

<HTML>
<HEAD> <!–Раздел заголовка–>
<TITLE>Haзвание документа, отображаемое в строке заголовка браузера </TITLE>
<META name=”author”  content =”имя автора” >
<META name=”generator”  content =”название редактора”>
<META http-equiv=”Content-Type”   content=”text/html;  charset=windows-1251″>
<META name=”keywords”   content =”слово1, слово2, … ключевые слова” >
<META name=”description”   content=”краткое описание содержания документа”>
</HEAD>
<BODY> <!– Тело документа – этот текст является комментарием –>
Этот документ можно использовать как шаблон при разработке новых HTML-документов
</BODY>
</HTML>

4. После записи структуры HTML-документа сохраните файл и закройте программу Блокнот.

5. Просмотрите файл template.htm в браузере Internet Explorer.

6. Просмотрите файл template.htm в редакторе Блокнот путем выбора в браузере пункта меню «Вид/В виде HTML» или «Вид/Просмотр HTML-кода».

Понравилась статья? Расскажите друзьям.
Друзья, приглашаю к общению
This entry was posted in HTML, Обучение and tagged , , , , , . Bookmark the permalink.

Comments are closed.