- •1. Общие сведения
- •Структура html-документа и элементы разметки заголовка документа
- •Назначение заголовка
- •Отображение содержания элемента title
- •Основные контейнеры заголовка
- •Элемент разметки head
- •Элемент разметки title
- •Элемент разметки base
- •Элемент разметки isindex
- •Применение элемента isindex
- •Применение атрибута prompt
- •Элемент разметки meta
- •Элемент разметки link
- •Элемент разметки style
- •Элемент разметки script
- •Контейнеры тела документа Теги тела документа
- •Тело документа – контейнер body
- •Теги управления разметкой Заголовки
- •Атрибут аlign
- •Теги управления отображением символов
- •Теги, управляющие формой отображения
- •Верхние и нижние индексы
- •Атрибут sizе
- •Атрибут соlоr
- •Создание списков в html
- •Атрибуты маркеров в ненумерованном списке
- •Комментарии в языке html
- •Гипертекстовые ссылки
- •Графика Использование графики в html
- •Атрибуты и их аргументы
- •Атрибут src
- •Атрибут alt
- •Атрибут аlign
- •Атрибут usemap
- •Средства описания таблиц в html
- •Создание таблиц в html
- •Атрибут nowrap
- •Атрибут соlspan
- •Атрибут rowspan
- •Атрибут widтн
- •Применение пустых ячеек
- •Атрибут сеllраdding
- •Атрибуты аlign и valign
- •Атрибут border
- •Атрибут cellspacing
- •Атрибут bgcolor
- •Атрибут background
- •Использование таблиц в дизайне страницы
- •Создание разноцветных таблиц
- •Html-формы
- •Задание формы — элемент form
- •Атрибут cols
- •Как работают фреймы
- •Создание простой страницы с фреймами
- •Задание фреймовой структуры
- •Подготовка содержимого фрейма
- •Подготовка фрейма main
- •Списки Definition: элементы dl, dt и dd
- •Визуальное представление списков
- •Элементы dir и menu
- •Гиперссылки Гиперссылки и якоря. Введение
- •"Посещение" связанного ресурса
- •Другие соотношения гиперссылок
- •Спецификация якорей и гиперссылок
- •Заголовки гиперссылок
- •Интернационализация и гиперссылки
- •Синтаксис имён якорей
- •Вложение ссылок не допускается
- •Якоря с атрибутом id
- •Недоступные и неидентифицируемые ресурсы
- •Взаимосвязи документов: элемент link
- •Гиперссылки вперёд и назад
- •Гиперссылки и внешние таблицы стилей
- •Гиперссылки и машины поиска
- •Информация пути: элемент base
- •Добавление стиля в html
- •Установка языка по умолчанию для таблиц стилей
- •Инлайн-стиль (внедрённый)
- •Информация о стиле в заголовках: элемент style
- •Типы носителя
- •Внешние таблицы стилей
- •Основные и альтернативные таблицы стилей
- •Спецификация внешней таблицы стилей
- •Каскадные таблицы стилей
- •Media-зависимые каскады
- •Наследование и каскадирование
- •Скрытие данных стиля от пользовательских агентов (па)
- •Ссылки на таблицы стилей в заголовках http
- •Выравнивание, стили шрифта и горизонтальные линии Форматирование Цвет фона
- •Выравнивание
- •Плавающие объекты
- •"Всплывание" объекта
- •Обтекание текста вокруг объекта
- •Элементы стиля шрифта: tt, I, b, big, small, strike, s и u
- •Элементы модификатора шрифта: font и basefont
- •Сценарии (скрипты) Введение
- •Дизайн документов для па, поддерживающих скрипты
- •Элемент script
- •Установка языка скриптов
- •Язык сценариев по умолчанию
- •Локальное объявление языка скриптов
- •Ссылки на элементы html из скрипта
- •Динамическое изменение документов
- •Дизайн документов для па, не поддерживающих сценарии
- •Элемент noscript
- •Скрытие данных скрипта от па
- •Дополнительные возможности html Компоновка документа в html
- •Компоновка html - использование таблиц
- •Использование стилей в html
- •Как использовать стили
- •Внешняя таблица стилей
- •Внутренняя таблица стилей
- •Встроенные стили
- •Раздел заголовка html
- •Элемент head
- •Универсальные указатели ресурсов в html Ссылки в html
- •Универсальные указатели ресурсов
- •Схемы обращения к ресурсу url
- •Сценарии в html
- •Добавление сценария на страницу html
- •Как работать со старыми браузерами
- •Стандартные атрибуты html 4.0
- •Атрибуты событий клавиатуры
- •Атрибуты событий мыши
- •Вы изучили html, что дальше? Краткое заключение
- •Теперь вы знаете html, что дальше?
- •Каскадные таблицы стилей (css)
Универсальные указатели ресурсов в html Ссылки в html
Во время щелчка мышью на ссылке в документе HTML нижележащий тег <a> указывает на определенное место (адрес) в Web с помощью значения атрибута href, например, следующим образом:
<a href="lastpage.htm">Последняя</a>.
Ссылка "Последняя" в этом примере является ссылкой относительно Web-сайта, который вы просматриваете, а браузер создаст для доступа к странице полный адрес Web вида http://www.osp.ru/html/lastpage.htm.
Универсальные указатели ресурсов
Для адресации документа (или других данных) в WWW используется так называемый Универсальный указатель ресурса (URL - Uniform Resource Locator). Полный адрес в Web, такой как http://www.osp.ru/html/lastpage.htmследует следующим правилам синтаксиса:
scheme://host.domain:port/path/filename
scheme определяет тип службы Интернет. Наиболее распространенным типом является http.
domain определяет имя домена Интернет, например, osp.ru.
host определяет хост домена. Если он отсутствует, то по умолчанию для http используется хост www.
:port определяет номер порта на хосте. Номер порта обычно отсутствует. По умолчанию для http используется порт с номером 80.
path определяет путь доступа (подкаталог) на сервере. Если путь доступа отсутствует, то ресурс (документ) должен быть расположен в корневом каталоге сайта Web.
filename определяет имя документа. По умолчанию может использоваться имя файла default.asp, или index.html или что-то еще, в зависимости от настроек Web-сервера.
Схемы обращения к ресурсу url
Несколько примеров наиболее распространенных схем обращения к ресурсу:
Схема |
Доступ |
file |
файл на локальном ПК |
ftp |
файл на сервере FTP |
http |
файл на сервере WWW |
gopher |
файл на сервере Gopher |
news |
группа новостей Usenet |
telnet |
соединение Telnet |
WAIS |
файл на сервере WAIS |
Доступ к группе новостей. Следующий код HTML:
<a href="news:alt.html">HTML Newsgroup</a>
создает ссылку на группу новостей вида "HTML Newsgroup".
Загрузка с помощью FTP. Следующий код HTML:
<a href="ftp://www.osp.ru/ftp/winzip.exe">Загрузить WinZip</a>
создает ссылку для загрузки файла следующего вида: "Загрузить WinZip". (Эта ссылка не работает. Это просто пример.)
Ссылка на почтовую систему. Следующий код HTML:
<a href="mailto:info@intuit.ru">info@intuit.ru</a>
создает ссылку на вашу собственную почтовую систему.
Сценарии в html
Сценарии на страницах HTML позволяют сделать их более динамичными и интерактивными.
<html>
<body>
<script type="text/javascript">
document.write("<h1>Всем привет!</h1>")
</script>
</body>
</html>
Пример выполнения данного HTML-кода
Этот пример показывает, как использовать сценарий в документе HTML.
Работа с браузерами, не поддерживающими сценарии
<html>
<body>
<script type="text/javascript">
<!--
document.write("Если этот текст виден, то браузер поддерживает сценарии!")
//-->
</script>
<noscript>Нет поддержки JavaScript!</noscript>
<p>
Браузер без поддержки JavaScript выведет текст из элемента noscript.
</p>
</body>
</html>
Пример выполнения данного HTML-кода
Этот пример показывает, как работать с браузерами, которые не поддерживают сценарии.