-1- Html-документ. Web-страницы создаются на основе языка HTML (HyperText Markup Language – язык разметки гипертекста). Основа любой web-страницы – это html-документ – текстовый файл (расширение .htm /.html/), содержащий тэги - команды языка HTML, при помощи которых подключаются дополнительные ресурсы web-страницы (например, графика), задается ее структура и форматирование, ссылки на другие страницы сети и т.д. Браузер - программа для просмотра web-страниц, которая преобразует тэги htmlдокумента в соответствующее им представление страницы на экране монитора. Наиболее популярные браузеры - Microsoft Internet Explorer, Mozilla Firefox. Кроме языка HTML при создании web-страниц используются и многие другие: CSS, JavaScript, PHP и другие. Понятие о командах (тэгах) языка HTML Структуру html-документа задают команды (тэги, дескрипторы) языка HTML, основные принципы использования которых представлены ниже: Тэг задается в виде группы символов, заключенных между знаками < и > . Тэги бывают парные и непарные. Парный тэг, в отличие от непарного, требует указания места окончания своего действия. Примеры: <BR> - непарный тэг, <B> … </B> - парный тэг (не забывайте указывать место окончания действия для парного тэга!). Тэг может дополняться атрибутами, которые уточняют его действие. Атрибуты задаются внутри границ тэга < > и отделяются пробелом. Атрибутам всегда присваивается некоторое значение через символ = Прописные и строчные буквы при написании тэгов не различаются (лучше пользоваться строчными). Записанные в исходном html-документе переводы строк и подряд идущие пробелы, а также неправильно оформленные тэги браузером игнорируются. Структура HTML-документа <HTML> <HEAD> <TITLE> название страницы, которое выводится в заголовке окна браузера. </TITLE> </HEAD> <BODY> информационное наполнение web-страницы </BODY> </HTML> <BODY> - тэг, ограничивающий тело (основу) html-документа. При помощи атрибутов может задавать следующие параметры документа: 1. Фоновый рисунок - BACKGROUND – файл фона, с указанием пути к этому файлу. Например "pictures/fon.jpg". - BGCOLOR - цвет фона, который задается при помощи цифрового кода (="#ff0000") или словом (="red"). По умолчанию – белый. 2. Цвет основного текста и ссылок: TEXT – цвет основного текста в документе (по умолчанию – черный), LINK - цвет гиперссылки (по умолчанию – темно-синий), ALINK - цвет активной гиперссылки (в момент щелчка по ней мышью), VLINK - цвет посещенной гиперссылки (по умолчанию - фиолетовый). 3. Отступы документа (в пикселях): TOPMARGIN (верхний отступ), BOTTOMMARGIN (нижний отступ), LEFTMARGIN (левый отступ). -2- Форматирование шрифта <FONT> - задание характеристик шрифта при помощи следующих атрибутов: - FACE - гарнитура шрифта, например Times New Roman, Arial, … - SIZE - размер шрифта: от 1 до 7, по умолчанию - 3. - COLOR - цвет шрифта: цифровой код в формате #RRGGBB или английское слово, например red, green, yellow, … По умолчанию - черный (#000000 или black). <BASEFONT> с теми же атрибутами - задание характеристик шрифта по умолчанию. Записывается в начале тела документа сразу после тэга <BODY>. Изменения начертания шрифта может производиться при помощи тэгов: <B> - полужирный. <I> - курсив. <U> - подчеркнутый. <SUB> - нижний индекс. <SUP> - верхний индекс. Форматирование абзацев <P> - абзац основного текста, который отделяется от предыдущего абзаца отступом. Атрибут ALIGN - горизонтальное выравнивание текста абзаца: = left (по левому краю - по умолчанию) - center (по центру) - right (по правому краю) - justify (по ширине). <H1> … <H6> - абзац-заголовок: полужирное начертание и более крупный, чем в основном абзаце, шрифт. <H1> - заголовок 1-го уровня (наиболее крупный) - далее в сторону уменьшения. Возможно использование атрибута ALIGN. <UL> - маркированный список, каждый элемент которого должен начинаться с тэга <LI>. Атрибут TYPE - тип маркера: disk ( - по умолчанию) - circle (º) - square (□). <OL> - нумерованный список, каждый элемент которого должен начинаться с тэга <LI>. Атрибут TYPE - тип нумерации: 1 (нумерация обычными числами - по умолчанию), i или I (строчными или заглавными римскими цифрами), а или А (строчными или заглавными латинскими буквами). <BR> - перевод строки внутри абзаца (без межабзацного отступа). <CENTER> - выравнивание по центру. <BLOCKQUOTE> - задание текстового блока с отступами (порядка 40 пикселей) сверху, снизу, от левого и правого краев основного текста. Работа с графическими изображениями <IMG> - вставка графического изображения, атрибуты: - SRC - полное имя вставляемого файла относительно папки, в которой находится данный html-документ. В web-страницах, как правило, используются только графические изображения в форматах .jpg и .gif. - BORDER – ширина рамки для рисунка: в пикселях. - WIDTH и HEIGHT - ширина и высота рисунка (в пикселях). Если данные атрибуты не указаны, рисунок выводится в реальном масштабе; если указан только один из данных атрибутов, вторая характеристика рисунка меняется пропорционально. - ALIGN - установка обтекания рисунка текстом, указание на размещение рисунка относительно текста: right или left. - ALT - указание текстовой подсказки при наведении на рисунок курсора мыши. - HSPACE и VSPACE - горизонтальный и вертикальный отступы от рисунка до окружающего его текста. <HR> - построение горизонтальной линии, атрибуты: - WIDTH - ширина линии: в пикселях или в процентах от рабочей области (по умолчанию - 100%). - SIZE – толщина линии: в пикселях (по умолчанию - 2). - ALIGN – горизонтальное выравнивание линии: left, center (по умолчанию), right. - COLOR – цвет линии.