Графические элементы

Форматирование

Гиперссылки

<a href="URL"></a> - Создает гиперссылку на другие документы или часть текущего документа.

<a href="mailto:EMAIL"></a> - Создает гиперссылку вызова почтовой программы для написания письма автору документа.

<a name="NAME"></a> - Отмечает часть текста как цель для гипперссылок в документе.

<a href="http://www.cyberguru.ru/#NAME"></a> - Создает гиперссылку на часть текущего документа.

<p> - Создает новый параграф

<p align=?> - Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center

<br> - Вставляет перевод строки.

<blockquote></blockquote> - Создает отступы с обеих сторон текста, используется для цитат (блок цититрования)

<dl></dl> Создает список определений.

<dt> - Определяет каждый из терминов списка

<dd> - Описывает каждое определение

<ol></ol> - Создает нумерованный список

<li> - Определяет каждый элемент списка и присваивает номер

<ul></ul> - Создает ненумерованный список

<li> - Предваряет каждый элемент списка и добавляет кружок или квадратик.

<div align=?> - Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

<img xsrc="name"> - Добавляет изображение в HTML документ

<img xsrc="name" align=?> - Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

<img xsrc="name" border=?> - Устанавливает толщину рамки вокруг изображения

<hr> - Добавляет в HTML документ горизонтальную линию.<hr size=?>Устанавливает высоту(толщину) линии

<hr width=?> - Устанавливает ширину линии, можно указать ширину в пикселах или процентах.

<hr noshade> - Создает линию без тени.

<hr color=?> - Задает линии определенный цвет. Значение RRGGBB.

Каскадные таблицы стилей (Cascading Style Sheets CSS)

Для изменения оформления внешнего вида html-странички часто используют различные таблицы стилей. Идея их применения – отделение параметров внешнего вида документа от массива дескрипторов, определяющих структуру. Причины использования таблиц стилей:

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

Таблицы стилей записываются в отдельный текстовый файл (файлов может быть несколько) с расширением .css или в элементе заголовка style.

Правила определения стиля (синтаксис) для языка CSS состоят из селекторов (selectors) и деклараций (declarations). ↓ Селекторы позволяют определять набор элементов текста html к которым будет применен данный стиль. Для каждого селектора необходимо указать набор деклараций. ↓ Декларации определяют, как будут отображаться соответствующие элементы.

↓h1 {font–family: Arial; font – size: 48 pt; color: red}

h1 – селектор, в фигурных скобках набор деклараций. Декларация состоит из свойства (property), за которым следует двоеточие, пробел и значение, затем точка с запятой. Свойства аналогичны атрибутам, иногда их написание и написание значений совпадают.

Правило лучше располагать так:

h1 {

font–family: Arial;

front – size: 48 pt;

color: red

}