| DeZeRTir™ | Дата: Воскресенье, 13.05.2012, 12:23 | Сообщение # 1 |
Информация:Сообщений: 10388
Награды: 27
Репутация: 2027
Персонаж:Характер:Не определён Специальность:Нет ID:520
Титул: Живая легенда | Создадим на диске D папку My_first_site, впрочем, можно назвать ее как угодно.
В системном меню Start или Пуск заходим в раздел Программы (All Programs), открываем папку Стандартные (Аccessories), выбираем Блокнот . Конечно же, это не единственное средство для написания кода, но на этом этапе вам нужен именно он.
Пример структуры документа:
Code <html> <head> <title>HTML структура документа</title> </head> <body> <h3>Мой первый заголовок</h3> <p>Мой первый параграф</p> <p>Мой второй параграф</p> </body> </html>
Рассмотрим HTML теги, определяющие структуру страницы
<html> </html> – обязательные, определяют HTML документ.
<head> </head> – определяют секцию со служебной информацией, содержат инструкции для поисковиков, для браузеров, скрипты.
<title> </title> – определяют основной заголовок web - страницы.
<body> </body> – обязательные, определяют видимую часть документа.
<h3> </h3> – определяют заголовок 3-го уровня.
<p> </p> – определяют параграф. Смотрите урок HTML параграфы
Структура HTML документа | Пишем код страницы
Последовательность действий следующая:
1. Пишeм в Блокноте код HTML страницы:
хтмл документ, код
2. Заходим в File ⇒ Save as (Файл ⇒ Сохранить как), находим нашу папку D\My_first_site\ ⇒ прописываем имя файла: (File name) index.html (index – это имя, .html – расширение файла) ⇒ сохраняем.
4. Открываем IE (Internet Explorer). В меню выбираем File ⇒ Open... ⇒ находим сохраненный файл ⇒ нажимаем Open ⇒ OK:
хтмл структурный анализ кода HTML документ
Pезультат
Для дальнейшего изучения материала необходимо следующее:
Вы просто обязаны иметь у себя на компьютере несколько различных браузеров. Качаем бесплатно Mozilla Firefox, Opera и продолжаем наш урок.
Открываем index.html с помощью Firefox (File ⇒ Open File... ⇒ Open). В результате мы не можем прочитать, написанный нами, текст. Устраняется данная некорректность простым включением в HTML код двух тегов с набором атрибутов, которые также являются обязательными.
Правильная структура HTML 4.01
Такой должна быть начальная структура HTML страницы:
Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>HTML структура документа</title>
</head>
<body>
</body>
</html>
Самостоятельно добавьте параграфы, заголовок и посмотрите, что вышло. Не забывайте после каждого сохранения документа обновлять содержимое окна браузера нажатием кнопки в Mozilla Firefox или кнопки в Internet Explorer, или F5, чтобы изменения вступали в силу.
У вас все получилось? – Значит вы были внимательны и все сделали правильно.
Комментарий к HTML коду:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org
/TR/html4/loose.dtd"> – указывает браузеру с каким именно документом он имеет дело.
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> – определяет тип контента и кодировку, windows-1251 – поддерживает как латинский так и кириллистический алфавит.
Внимание! В связи с тем, что версия HTML 4.01 морально устарела предлагаю ознакомиться со структурой XHTML. Последующие уроки полностью адаптированы под XHTML, то есть в примерах представлены теги из XHTML, к примеру, вместо устаревшего тега <br> используется <br />, вместо <img> – <img /> и так далее.
Структуру документа HTML 4.01 нужно употреблять в случае, если вы планируете использовать бегущую строку, так как теги <markquee> </markquee> запрещены как в XHTML, так и в, пока еще без статуса рекомендации, HTML 5.
Ваш сайт может содержать одновременно несколько типов документов. К примеру, если вы в своей работе используете структуру XHTML 1.0, вам ничто не помешает иметь HTML 4.01 страницы.
|
| |
|
|
