html-документ тэги помощи которых подключаются дополнительные ресурсы ...

реклама
-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 – цвет линии.
Скачать