Приветствую Вас Гость | RSS Четверг
2024-09-19, 10:09 PM
SITE LOGO
Форма входа
Главная страница Каталог статей Регистрация Вход Поиск по каталогу
Меню сайта
Категории каталога
Мои статьи [17]
Друзья сайта
Наш опрос
Верите ли вы в конец света?
Всего ответов: 211
Статистика
Начало » Статьи » Мои статьи

Структура Html-документа
Html-код страничек будем писать в обычном блокноте Windows (Пуск> программы> стандартные> блокнот).

После того, как весь код будет написан (см. ниже), не забываем сохранить созданный файл с расширением .html или .htm (его дописываем прямо к названию файла через точку), но ни в коем случае не .txt!

Отредактировать сохраненный html-файл можно следующим образом: открываем страничку в браузере и выбераем команду меню (для IE): вид> просмотр HTML-кода, после чего и откроется html-код выбранной странички в блокноте (но может открыться в другом редакторе. Все зависит от настроек браузера). В некоторых случаях, отредактированный html-код открытой странички невозможно сохранить под РЕАЛЬНЫМ именем открытого файла, в этом случае блокнот с html-кодом нужной странички нужно открывать кликая правой кнопкой по выбранному файлу в своем компьютере (команда меню: «открыть с помощью> блокнот»)

Рассмотрим структуру html-документа...

Самая первая строчка html-документа:

Лучше всего указывать метод strict, иначе под IE появятся разные виды глюков. Самый расспространенный — неверная интерпретация IE margin'ов и padding'ов: он их суммирует сверху к общей длине блока. Новичкам советую пока не заморачиваться по этому поводу)

Весь html-документ заключается в теги:

....

Добавляем голову html-документа — head:


....

В голову пишем заголовок нашего сайта в тегах title:



Заголовок.....

Затем добавляем мета-тег кодировки нашей странички (если пропустить этот важный момент, на вашем сайте возможно нежелательное появление иероглифов и других неопознанных объектов :) )



Заголовок.....


На самом деле существует еще множество интересных мета-тегов, но об этом позже)

Далее (после title) добавляем тело html-документа (здесь содержится весь наш сайт: картинки, таблички, тексты...) — body:



Заголовок.....

.......

Категория: Мои статьи | Добавил: dina (2006-10-18)
Просмотров: 683 | Рейтинг: 0.0

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Copyright MyCorp © 2006