
- •Введение
- •1. Основные понятия html
- •Глава 1 – содержание элемента html
- •2. Структура html-документа
- •2.1. Раздел документа head
- •Название документа title
- •2.2. Раздел документа body
- •2.2.1. Спецификация элемента body
- •2.2.2. Советы по использованию атрибутов тега body
- •3.2. Символьная нотация
- •3.3. Соответствие формата rgb и символьной нотации
- •4. Вывод текстовой информации
- •4.1. Абзацы
- •4.2. Управление переводом строки
- •4.3. Заголовки
- •4.4. Списки
- •4.4.1. Маркированный список
- •4.4.2. Нумерованный список
- •4.4.3. Список определений
- •4.5. Форматирование текста
- •4.5.2. Контейнер div
- •4.5.3. Отступы
- •5. Гиперссылки
- •5.1. Универсальный идентификатор ресурсов url
- •5.2. Правила записи ссылок
- •5.3. Внутренние ссылки
- •5.4. Ссылки на документы различных типов
- •5.5. Ссылки на ресурсы Интернета
- •6. Графические элементы
- •6.1. Горизонтальные линии
- •6.2. Таблицы
- •6.3. Рисунки
- •7.1 Понятие фреймов
- •7.2 Расположение фреймов
- •2.3 Вложенные наборы фреймов
- •Элемент frame
- •2.4 Определение цели фрейма
- •2.5 Альтернативное содержимое
- •2.6 Встроенные фреймы: элемент iframe
- •8. Формы
- •Каскадные таблицы стилей: назначение и возможности
- •1. Назначение каскадных таблиц стилей
- •2. Типы каскадных таблиц стилей
- •2.1 Встроенный стиль (inline css)
- •2.2. Внутренняя или внедренная таблица стилей(Internal css)
- •2.3. Внешняя или связанная таблица стилей (External css)
- •2.4. Создание файла сss
- •2.5. Импортированная таблица стилей
- •3. Свойства цвета и фона
- •4. Свойства форматирования текста
- •5. Свойства стиля оформления полей
- •6. Стратегии оформления
4.5.2. Контейнер div
Иногда бывает необходимо произвести выравнивание большого блока документа, содержащего не только текст, но и рисунки, таблицы и т.п. Для этих целей используется элемент-контейнер DIV. Спецификация элемента DIV:
<DIV
ALIGN="выравнивание">
Атрибут ALIGN определяет тип выравнивания содержимого и может иметь те же значения, что и элемент P.
4.5.3. Отступы
Иногда требуется отобразить блок текста с отступом. Для этого блок текста помещают в элемент-контейнер BLOCKQUOTE. Тогда содержимое этого элемента будет отображаться с небольшими отступами слева и справа, а также отделяться от остального текста пустыми строками.
5. Гиперссылки
Как уже было сказано, гиперссылки – переходы к другим документам. Они являются основой HTML. Гиперссылки можно использовать для перехода не только к другим HTML-документам, но и другим объектам, которые можно разместить на компьютере, например, к видео- и аудиофайлам, архивам, рисункам и т.п.
Каждая ссылка состоит из двух частей. Первая – это то, что отображается броузером. Она называется указателем ссылки. Вторая часть – адресная, содержащая адрес объекта, к которому должен происходить переход. Эту часть называют URL (универсальный идентификатор ресурсов).
Когда вы щелкаете мышью по указателю ссылки, броузер загружает документ, адрес которого указан в URL.
Указателем ссылки может быть слово, группа слов или рисунок. Если указатель текстовый, то он обычно отображается броузером подчеркнутым синим шрифтом. При наведении курсора мыши на указатель курсор принимает форму руки, указывая, что это ссылка и можно произвести переход. Если указатель графический, внешне он не отличается от других рисунков, но при наведении курсора мыши на такой указатель, курсор также принимает форму руки.
5.1. Универсальный идентификатор ресурсов url
По своей сути URL – это адрес файла, к которому происходит переход. Указание адреса может быть относительным или абсолютным.
Когда в URL указывается полный путь к файлу, независимо от того, где этот файл находится (в Интернете или на жестком диске компьютера), то это абсолютное указание. Например: http://www.mysite.ru/page.htm – абсолютный адрес документа, находящегося в Интернете, c:\web\doc1.htm – абсолютный адрес документа на диске c.
Если в URL указывается не полный путь, а путь относительно адреса документа, в котором находится ссылка, то это относительное указание. Например, броузер отображает документ, абсолютный адрес которого c:\web\doc1.htm, в этом документе имеется ссылка с адресом pict/ris1.jpg, то это означает, что на самом деле ссылка будет на документ по адресу c:\web\pict\ris1.jpg.
Когда надо сослаться на файл, находящийся на другом компьютере, тогда следует пользоваться абсолютным указанием, а если ссылаться на файлы, находящиеся на том же компьютере, где и документ, содержащий ссылку, то лучше использовать относительное указание.
5.2. Правила записи ссылок
Для организации ссылки необходимо указать броузеру, что является указателем ссылки, а также определить адрес документа, на который происходит ссылка. Оба этих действия выполняются c помощью тега <A>.
Тег <A> имеет следующую спецификацию:
<A
HREF="URL-адрес"
NAME="имя ссылки"
TARGET="объект для вывода"
>
Атрибут HREF используется для задания адреса файла, к которому производится переход. Значением этого атрибута является текстовая строка, содержащая абсолютный или относительный URL-адрес.
Атрибут NAME предназначен для задания ссылке имени. Значением этого атрибута является короткая текстовая строка. Этот атрибут используется для ссылок внутри одного HTML-документа.
Атрибут TARGET позволяет определить, куда будет выводиться документ, на который происходит переход. Этот атрибут может иметь значение _blank – это означает, что документ будет выводиться в новом окне броузера.
Пример ссылки:
<A HREF="doc1.htm">Документ 1</A>
Броузер отобразит эту строку так:
Документ 1
При нажатии мышью на этой строке броузер загрузит и отобразит файл doc1.htm, т.е. “Документ 1” – это указатель ссылки, а “doc1.htm” – URL-адрес.