Заготовка

Для создания HTML-документа достаточно обычного текстового редактора, например, блокнота из комплекта Windows.

Документ HTML состоит из текста, составляющего содержание веб-страницы, разбавленного тегами.

Наряду с тегами, в HTML используются еще ссылки на символьные объекты, позволяющие представлять внутри текста разные специальные символы (угловые скобки, кавычки и т.д.), которые если применить напрямую, могут быть не правильно истолкованы браузером.

Теги заключаются в угловые скобки, а ссылки на символьные объекты предваряются знаком амперсанда (&) и оканчиваются точкой с запятой (;). Имена тегов могут содержать только латинские буквы и цифры. Есть открывающие и закрывающие теги (старт-теги стоп-теги) Старт-тег, влияет на последующий кусок кода, до тех пор, пока не встретится стоп-тег. Закрывающий тег отличается от открывающего наличием слеша перед именем (/).

Атрибуты определяют какие бы то ни было дополнительные, уточняющие параметры того или иного тега. В большинстве случаев атрибуты характеризуются значениями, которые отделяются от названий атрибутов знаком равенства и заключается в кавычки.

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE.

Пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

После чего обозначаем начало документа с помощью открывающего тега <HTML> и конец документа с помощью закрывающего тега </HTML>.

Пара тегов состоит из открывающего <teg> и закрывающего </teg>, начинающий с "/".

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

Заголовок

<HEAD> определяет заголовок документа. в этот раздел может включаться множество служебной информации. Эта часть документа служит источником данных для браузера, а также поисковых систем.

<TITLE> имя/название документа. Все, что заключено в этот тег будет видно в заголовке окна браузера.
Закрываем соответственными тегами в порядке их размещения </TITLE></HEAD>

Тело

<BODY> в теле документа размещаем все HTML-элементы отвечающие за гипертекстовые ссылки и отображение документа ( текст, картинки, таблицы)
</BODY>

Пример самого простого HTML-документа:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Пример</TITLE>
</HEAD>
<BODY>
текст, картинки и таблицы.
</BODY>
</HTML>

Для создания HTML-документа нам понадобится блокнот (Notepad). Открываем блокнот и готовим нашу заготовку самого простого документа. Сохраняем в отдельном каталоге, присвоив ему имя index.html

Присвоив название главной странице (индексный файл) <TITLE>Пример</TITLE>, нужно создать заголовок для описывающий содержание страницы.

Mini-Site Generator PRO ver.2.0 - Генератор создания сайтов