Базовые понятия языка HTML

Итак, гипертекст это текст, в котором имеются ссылки для автоматического перехода на другие тексты - гиперссылки, а язык HTML (Hyper Text Marcup Language) - это независимый от платформ язык разметки текста. Документы, размеченные при помощи этого языка, визуализируются браузерами конечных пользователей в большинстве случаев одинаково, благодаря тому, что "понимают" и правильно обрабатывают структурные элементы HTML. Исходный код представляет собой текст, между строк которого вставляются элементы разметки, посетителю страницы эти элементы не видны, а виден результат их воздействия на документ.

Элементы разметки состоят из заключённых в угловые скобки (< и >) дескрипторов - тэгов(tags) и их атрибутов. Совокупность открывающего (< >) и закрывающего (< / >) дескрипторов - есть контейнер. Элементы HTML подразделяются на структурные, которые организуют текст и на форматирующие, которые задают его стиль. Для создания документа HTML необходимо создать текстовый файл с содержимым, вставить нужные тэги и после внесения изменений текстовый файл сохраняется с расширением.htm или.html.

Существует множество простых и сложных программ для написания страниц HTML. В своей основе все они делятся на две категории: программы автоматизирующие вставку тэгов, т.е. редактирующие исходный код и программы, работающие по методу WYSIWYG (What you see is what you get) - что видишь, то и получишь, когда WEB-мастер редактирует визуализированный конечный продукт, не видя исходного кода. Помимо специальных HTML редакторов, не требующих особого знания синтаксиса языка, написание документа, возможно практически всеми стандартными текстовыми редакторами и процессорами, написанными для любых платформ.

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

Создавать страницы редактором, не задумываясь, конечно, более простой способ, однако вопрос состоит в том, насколько профессионально должна выглядеть страница. Для создания динамичных, интерактивных страниц, включающих в себя массу нестандартных возможностей и имеющих заслуженно высокий рейтинг посещаемости, необходимость знания языка HTML и основ написания внедряемых сценариев скриптов очевидна. Для упрощения работы по написанию страниц многие авторы используют созданные заранее типовые шаблоны исходных кодов документов, а более опытные мастера прибегают к помощи редакторов с тем, чтобы потом придать коду надлежащий вид, удалив из него все лишнее руками, иначе они ни за что не управятся в установленные сроки.

Еще раз остановимся на том, из каких основных этапов состоит процесс создания документа HTML ручками, не прибегая к специализированным приложениям:

Набор содержимого в любом из текстовых редакторов (например, Notepad) и сохранение обычного текстового файла.

Логическое и физическое форматирование текста (разбивка на абзацы, блоки, заголовки и пр., внешнее их оформление) при помощи тэгов и сохранение текстового файла с расширением.htm или.html (делается это все в том же Notepad).

Организация переходов по гиперссылкам документа при помощи элемента < А > - основного связующего элемента языка HTML.

Внедрение в документ необходимых объектов: рисунков, таблиц, видео клипов, аудио файлов, апплетов Java, скриптов и т.д. и т.п. опять же при помощи тэгов языка HTML.

Для того, чтобы в последствии изменить любой из созданных файлов, достаточно открыть его при помощи того же Notepad откорректировать и сохранить изменения. Браузер Internet Explorer позволяет делать прямо в нем самом, для этого необходимо в меню Вид выбрать просмотр В виде HTML, или кликнуть правой кнопкой мыши и выбрать тот же пункт меню. Для того, чтобы увидеть изменения в документе, достаточно в меню Вид выбрать обновить, либо кликнуть в панели управления браузера на значке.

Дата добавления: 2014-01-07