Правила создания HTML документов

HTML документы записываются в ASCII формате и поэтому могут быть созданы и отредактированы в любом текстовом редакторе. Язык HTML представляет из себя множество команд- тегов, открывающих <...>, и закрывающих </...> действия соответствующие данным командам. Это могут быть команды создания каких-либо элементов страницы, как например встроенная таблица или изображение. Текст заключенный между тегами, при выводе на экран с помощью браузера подчиняется правилам свойственным для данных тегов(как например размер или цвет). Некоторые из тегов не требуют закрытия, и прекращают свое действие с появлением аналогичных открывающих команд. (Например строка в списке прерывается там, где дана команда создания следующей строки списка.) Учтите, что "лишний" закрывающий тег не испортит ваших трудов. Браузеры вообще все непонятные для них команды пропускают мимо ушей, что для нас- Чайников весьма важно. Поэтому я, рекомендую вам закрывать теги явным образом - это облегчит чтение ваших документов.
Теги могут быть вложены друг в друга, для придания тексту сразу нескольких свойств. В этом случае, порядок закрытия тегов должен быть строго противоположен порядку их открывания. Например если вы сначала объявили текст жирным шрифтом, а потом еще и курсивом, то закрывать следует сначала внутренний тег (курсив) и только затем болд , а чтобы сделать последнее слово в примере только в италике (без bold) вам придется снова открывать и закрывать тег <I>:
<B>Текст<I> вышеописанного </I></B> <I> примера.</I>
При просмотре в browsers получим:
Текст вышеописанного примера.

Чтобы написать WEB страницу, создайте при помощи блокнота или Worda текстовый файл, назвав его например NewPages.txt (Пример минимально допустимого кода см.здесь) Затем поменяйте расширение файла .txt на .htm Дальнейшее редактирование можно производить при помощи браузера.

Лично я, делаю это так:

1. Щелкаю мышью по значку созданной вышеописанным способом WEB-страницы и жду пока открывается Explorer.
2. Ставлю курсор мыши в любую точку открывшейся в Explorere страницы (но только не на картинку) и щелкаю правую кнопку.
3. В появившемся меню выбираю "просмотр источника".
4. Редактирую код в открывшемся окне текстового редактора.
5. Закрываю редактор.
6. На вопрос о сохранении отвечаю положительно.(В случае работы с Word'oм сохранять нужно как текстовый файл. (Последние версии Microsoft Word позволяют сохранять файл в виде HTML документа, но встроенные средства программы наверняка разочаруют вас своими ограничеными возможностями. Разобраться в созданном документе без бутылки, и вовсе не представляется возможным, поэтому неэкспериментируйте зря- сохраняйте свою страницу как текстовый документ.))
7. Щелкаю в Explorere "обновить".

Все очень просто. К тому же, если вы еще не поняли, то при помощи блокнота можно изменить любую понравившуюся Вам страницу в интернете. Вы можете поменять скажем графику и текст, оставив не тронутым стиль форматирования, цвета и все что вам еще нужно. Это называется грязный стиль. Но для Чайника это простительно...

Перейти к разделу "Учебники по HTML"