Для начала нам понадобится знать некоторые понятия и термины.

[COLOR=darkred]HTML[COLOR=0]-система вёрстки веб-страниц, определяющая тип и положение размещаемых в документе элементов. Текстовый документ, свёрстанный таким способом, называется HTML-документом и имеет расширение .html (.htm). Документы данного типа открываются для просмотра под управлением программы-браузера (InternetExplorer, MozillaFireFox, Opera, GoogleChrome).

[COLOR=darkred]HTML-документ[COLOR=0]-обычный текстовый файл, который может содержать в себе текст, теги и стили. Изображения и другие объекты хранятся отдельно. Содержимое такого файла обычно называется HTML-кодом.

[COLOR=darkred]Браузер[COLOR=0]-программа для просмотра веб-страниц. Браузер анализирует код HTML, находит специальные символы, называемые тегами, и использует их для отображения изображений, изменения вида текста, создания ссылок на другие веб-страницы и т.д.

[COLOR=darkred]Тег[COLOR=0]-специальный символ разметки, который применяется для вставки различных элементов на веб-страницу таких как: рисунки, таблицы, ссылки и др. и для изменения их вида. Для обозначения тегов используется символ <тег>. Теги нечувствительны к регистру, поэтому запись и эквивалентна.

[COLOR=darkred]Контейнер[COLOR=0]-парный тег, внутри которого могут располагаться другие теги. Контейнер требует закрывающего тега, обозначаемого . Таким образом, контейнер состоит из открывающего тега (<тег>) и закрывающего ().

[COLOR=darkred]Ссылки (гиперссылки)[COLOR=0]-являются основой сетевых документов и позволяют переходить с одной веб-страницы на другую. Особенность их состоит в том, что сама ссылка может указывать не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Главное, чтобы к файлу, на который делается ссылка, был доступ.

[COLOR=darkred]CSS-CascadingStyleSheets(каскадные таблицы стилей)[COLOR=0]-набор параметров форматирования, который применяется к элементам документа, чтобы изменить их внешний вид. Возможность работы со стилями издавна включают в развитые издательские системы и текстовые редакторы, тем самым, позволяя одним нажатием кнопки придать тексту заданный, заранее установленный вид. Теперь это доступно и создателям сайта, когда цвет, размеры текста и другие параметры хранятся в определенном месте и легко «прикручиваются» к любому тегу.

[COLOR=darkred]Редактор веб-страниц[COLOR=0]-хотя HTML-документ представляет собой обычный текстовый файл и его можно править в любом текстовом редакторе, для этой цели лучше использовать специализированные программы, которые называются редакторами веб-страниц. Такие программы по своему подходу делятся на WYSIWYG-редакторы и HTML-редакторы.

[COLOR=darkred]WYSIWYG (What You See Is What You Get; Что видишь, то и получишь)[COLOR=0]-Визуальный редактор, в котором элементы отображаются так, как они впоследствии будут показаны в браузере.

[COLOR=darkred]HTML-редактор[COLOR=0]-редактор, предназначенный для добавления и изменения кода HTML. В отличие от обычных текстовых редакторов здесь существует подсветка синтаксиса, проверка правильности кода, удобное добавление и редактирование параметров тегов, и многое другое.

[COLOR=darkred]Кодировка[COLOR=0]-чтобы русскоязычные символы корректно отображались в браузере, их необходимо указывать в определенной кодировке. Браузер понимает, какая кодировка используется в документе, если определенным образом настроен веб-сервер или внутри веб-страницы добавлен соответствующий параметр.

[COLOR=darkred]Веб-сервер[COLOR=0]-компьютер, на котором хранятся документы сайта. Одновременно так же называется программа, которая обеспечивает выдачу документов при их запросе браузером, а также работу с различными сервисами. Наиболее популярными веб-серверами являются Apache и Internet Information Server (IIS).