Меню сайта

Категории раздела
Язык разметки гипертекста [1]
Создание HTML-документа [7]
Web-графика [0]
Каскадные таблицы стилей [0]

Наш опрос
Оцените мой сайт
Всего ответов: 22

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Форма входа

Главная

Регистрация

Вход
Приветствую Вас Гость | RSS


Учебный сайт


Пятница, 14.12.2018, 21:26
Главная » Статьи » Создание HTML-документа

Урок 1. Структура HTML-документа

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

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

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

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

3. В созданном файле шаблона создать структуру 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-кода».
Категория: Создание HTML-документа | Добавил: asan (11.10.2010)
Просмотров: 521 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск

Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2018 Бесплатный конструктор сайтов - uCoz