- •1. Структура web-документа. Вставка комментария.
- •2. Текст - логика и физика..
- •3. Форматирование Web-документа
- •Теги физического форматирования текста.
- •Логическая разметка текста.
- •Теги логического форматирования текста.
- •Полезные советы:
- •4. Организация ссылок. Правила записи ссылок Организация ссылок
- •Правила записи ссылок
- •Ссылки на документы различных типов
- •Ссылки на другие ресурсы Интернета
- •5. Списки нумерованные и маркированные. Списки определений Создание списков html страницы
- •Нумерованный список html страницы
- •Маркированный список html страницы
- •Многоуровненвый список html страницы
- •Списки определений html страницы
- •7. Встраивание изображений в web-документ. Выравнивание изображений. Задание размеров выводимого изображения. Отделение изображения от текста. Альтернативный текст
- •Выравнивание изображений.
- •Задание размеров выводимого изображения.
- •Отделение изображений от текста.
- •Рамки вокруг изображений.
- •Альтернативный текст.
- •8. . Использование изображения в качестве ссылки. Баннеры.
- •9. Графические форматы для web-документа
- •10. Таблицы. Создание простейших таблиц. Представление таблиц на странице.
- •11.Форматирование данных внутри таблицы.
- •12. Вложенные таблицы.
- •13. Объединение ячеек таблицы по горизонтали и по вертикали.
- •Объединение ячеек html таблицы по вертикали
- •14. Особенности построения таблицы. Отображение пустых ячеек в таблице. Выравнивание данных в столбцах таблицы Особенности построения html таблиц
- •Выравнивание данных в столбцах html таблицы
- •15. Фреймы. Сферы применения фреймов.
- •Сферы применения фреймов
- •16. Правила описания фреймов.
- •17. Особенности навигации при использовании фреймов. Взаимодействие между фреймами. Различие между фреймами и окнами браузера.
- •Взаимодействие между фреймами в html
- •18. Плавающие фреймы. Варианты их использования.
- •19. Карты-изображения. Графическое представление карты-изображения. Описание конфигурации карты-изображения. Средства создания карты-изображения.
- •20. Каскадные таблицы стилей. Встраивание таблицы стилей в документ.
- •21. Группирование и наследование.
- •22. Селекторы. Селектор class и Селектор id.
- •Пример 2. Использование классов c тегами
- •Пример 3. Использование классов c тегами
- •Теги Span и Div
- •Пример 2. Использование тега div
- •Селекторы id Параметр id задает уникальное имя элемента, которое используется для обращения к нему скриптов. Это позволяет управлять стилем элемента динамически. Синтаксис id селектора следующий.
- •Пример 3. Использование идентификатора id
- •23. Примеры применения контекстных селекторов.
- •24. Псевдоклассы. Псевдоклассы связей.
- •25. Модель форматирования. Блоковые элементы. Встроенные элементы.
- •26. Стилевые свойства форматирования текста.
- •27. Стилевые свойства для цвета и фона.
- •28. Блоки. Визуальное форматирование
- •2 9. Абсолютное, относительное и статическое форматирование.
- •30. Отображение списков.
Ссылки на другие ресурсы Интернета
Web-пространство является лишь частью сети Интернет. Другие ресурсы начали свое существование задолго до рождения WWW, поэтому накопили уже много достойной внимания информации и имеют достаточно большую аудиторию. Поэтому, разрабатывая свою персональную страницу или документ, вы, возможно, захотите включить ссылки и на другие ресурсы.
Ресурсы Интернета весьма разнообразны по форме и содержанию. Хотя HTML предполагает возможность создания своих собственных версий этих ресурсов с помощью механизма обработки данных форм, есть более простые пути к взаимодействию с системами UseNet, Telnet, FTP, e-mail и другими. Например, вы можете создать документ с использованием различных тегов форм, текстовых элементов и кнопкой для отправки электронного письма на ваш адрес. Однако будет намного проще для связи указать лишь свой адрес электронной почты. В этом случае упрощается обновление страницы, которое не будет связано с изменениями форм. Кроме того, многие браузеры имеют встроенную поддержку некоторых ресурсов, что дает возможность сократить время на установление связи с ними.
Используя ранее какой-либо ресурс сети, вы, скорее всего, захотите сохранить эту связь. Если у вас уже работает система Gopher с автоматическим обновлением информации, нет смысла переделывать его под Web-сайт. Легче создать ссылку на него с вашей новой Web-страницы.
Самой популярной деятельностью в Интернете является обмен электронными письмами. Пользователей этого ресурса намного больше, чем любого другого. Причина очень простая: если вы подключены к Интернету, у вас обязательно есть свой адрес электронной почты. Большинство современных программ для обмена электронными сообщениями имеют дружественный интерфейс и просты в использовании. Если вас интересует отклик читателей на содержание вашего документа, вы захотите поместить на странице свой адрес электронной почты. Это может быть также полезно для сообщений о неработающих ссылках и других проблемах, связанных с просмотром вашей страницы. Создание ссылки на электронную почту так же просто, как и на другую страницу. Для этого вместо URL-адреса следует указать адрес электронной почты, предварив его словом mailto: <A HREF="mailto:sergeev@mail.ifmo.ru">Присыпайте ваши отзывы и предложения</А>.
Эта ссылка не будет ничем отличаться от остальных гипертекстовых ссылок вашего документа. То же самое можно сказать и о ссылках на другие ресурсы Интернета. После щелчка мышью на ссылке на ваш адрес браузер откроет собственное окно для работы с электронной почтой. Интерфейсы могут быть разными, но большинство программ автоматически вводят в сообщение адрес и имя пользователя и напоминают о необходимости заполнения строки "Subject". В заключение приведем пример HTML-кода, в котором используется ряд тегов, описанных в данной главе:
<HTML><HEAD><TITLE>Личная страница Александра Сергеева</TITLE></HEAD>
<BODY>
<H1 ALIGN=CENTER>Добро пожаловать!</H1>
<HR>
Основное содержание страницы
<HR>
<ADDRESS>Последнее обновление выполнено 01 ноября 1999 г.</ADDRESS>
<A HREF="mailto:sergeev@mail.ifmo.ru">
Присылайте ваши отзывы и предложения</А> </BODY> </HTML>
В приведенном примере есть ссылка на электронную почту.