
- •Основы языка html Введение
- •Структура html-документа
- •Тело документа
- •Цветовое оформление документа
- •Разрыв строки
- •Горизонтальные линии
- •Форматирование гипертекста
- •Предварительно отформатированный текст
- •Использование графики в html-документах
- •Гиперссылки
- •Абсолютный и относительный url
- •Гиперссылки в пределах одного документа
- •Ссылка на почтовый ящик
- •Маркированные списки
- •Список определений
- •Вложенные списки
- •Использование таблиц в html
- •Выравнивание данных в ячейках
- •Объединение ячеек
- •Объединение ячеек
- •Цвет в таблицах
- •Организация ссылок
- •Мультимедийные возможности html
- •Формы в html-документах
- •На странице можно расположить любое число форм, однако, нужно следить за тем, чтобы не поместить одну форму в другую. Работа с тегами форм
- •Тип поля ввода, атрибут type
- •Нестандартное использование элементов форм
- •Динамический html
- •Стили и таблицы стилей
- •Использование стилей
- •Задание значений
- •Все указанные обозначения используются в кратком справочнике по таблицам стилей, приведенном далее. Справочник по свойствам таблиц стилей
- •Классы стилей
- •Каскадные таблицы стилей
- •Использование языка сценариев JavaScript
- •Рекомендации по созданию html-документов
- •Ошибки русского языка
- •Заголовки страниц
- •Поиск ваших документов в сети
- •Проверка ссылок
- •Условия просмотра
- •Технология создания web – сайта
- •Анализ сайтов
- •Проектирование сайта
- •Контент и кратив
- •Написание кода
- •Тестирование
- •Публикация
- •Поддержка
Гиперссылки в пределах одного документа
Другая форма тега <A>предназначена для присваивания имени некоторому фрагменту документа HTML:
<A NAME="имя">фрагмент документа</A>
Тег <A>часто называют тегомякоря(anchor). Если якорь применяется для добавления метки (имени) к фрагменту документа, то его называютименованным якорем.
Для того чтобы сослаться на фрагмент, которому присвоено имя, используется следующая форма тега <A>:
<A HREF="URL_ресурса#имя">Текст ссылки</A>
Если нужно сослаться на фрагмент текущего документа, то URL-ресурса можно опустить:
<A HREF="#имя">Текст ссылки</A>
ПримерПусть в документе с именем book.html заголовку главы 2 присвоено имяchapter2:
<A NAME="chapter2">Глава 2</A>
Тогда ссылка на эту главу, расположенная в этом же документе, будет иметь вид:
<A HREF="#chapter2">Глава 2</A>
Для задания ссылки на эту же метку файла book.html из другого файла нужно написать:
<A HREF="book.html#chapter2">Глава 2</A>
Ссылка на почтовый ящик
Для того чтобы создать ссылку на почтовый ящик, напишите:
<A HREF=mailto:адрес_e-mail>текст ссылки</A>
Здесь вместо адрес_e-mailнужно поставить адрес почтового ящика. После того, как посетитель активизирует эту ссылку, у него на экране появится специальное окно, позволяющее послать письмо по указанному адресу.
Пример
<A HREF=mailto:sidorov@mail.msiu.ru>Почта автору</A>
Задания
Откройте файл image.htmlи сделайте в нем ссылку в виде картинки на файлfirst.html.
Откройте файл first.htmlи сделайте в нем текстовую ссылку на файлimage.html.
Добавьте в файл first.htmlнесколько абзацев текста в таком количестве, чтобы документ уже не помещался целиком в окне браузера. Отметьте последний абзац, присвоив ему имяend.
Включите ссылку, ведущую сразу к последнему абзацу файла first.html, в файлimage.html.
В файл first.htmlвключите ссылку на свой почтовый ящик.
Списки
В настоящее время стандарты HTML поддерживают теги для списков трех различных видов: нумерованных (упорядоченных), маркированных (неупорядоченных) и списков определений. Списки и элементы списков являются блочными элементами. Это означает, что перед ними и после них автоматически добавляются пустые строки.
Язык HTML допускает вложенность любых видов списков. Для этого размещают одну пару тегов (стартовый и завершающий) внутри другой. Следует помнить о том, что все имеющиеся списки должны завершаться закрывающим тегом.
Нумерованные списки
Нумерованные (упорядоченные) списки используют, когда важен порядок вывода элементов списка. Браузер автоматически вставляет номера элементов по порядку, в исходном HTML-тексте номера не печатаются. Если количество элементов списка изменится (в результате удаления или добавления новых элементов), то нумерация автоматически обновится.
Весь нумерованный список заключается между парой тегов <OL>и</OL>, а каждый элемент списка расположен между тегами<LI>и</LI>(закрывающий тег</LI>может отсутствовать).
Пример <OL> <LI>Программирование</LI> <LI>Алгоритмизация</LI> <LI>Проектирование</LI> </OL> |
|
Тег <OL>может имеет атрибутыTYPEиSTART:
<OL START=n TYPE=вид_счетчика>
Атрибут TYPEзадает вид счетчика, возможные значения которого приведены в таблице, aSTART-- начальное значение.
Значение |
Функция |
A |
большие латинские буквы (A,B,C...) |
a |
маленькие латинские буквы (a,b,c...) |
I |
большие римские цифры (I,II,III...) |
i |
маленькие римские цифры (i,ii,iii...) |
1 |
арабские цифры (1,2,3...); используется по умолчанию |
Пример <OL TYPE=I START=15> <LI>Программирование</LI> <LI>Алгоритмизация</LI> <LI>Проектирование</LI> </OL> |