
- •Введение
- •Подключение к интернеТу
- •Принципы работы Интернета
- •Структура ip-адреса
- •Подключение к Интернету
- •Упражнение 1.1. Создание соединения удаленного доступа
- •Упражнение 1.2. Настройка соединения удаленного доступа
- •Упражнение 1.3. Соединение с сервером поставщика услуг
- •Использование браузера Internet Explorer
- •Упражнение 2.1. Использование папки «Избранное»
- •Упражнение 2.2. Загрузка файла из Интернета
- •Упражнение 2.3. Настройка отображения объектов
- •Регистрация бесплатного почтового ящика
- •Регистрация на почтовом сервере Mail.Ru
- •Отправка и прием электронной корреспонденции
- •Электронная почта и телеконференции с использованием Outlook Express
- •Р ис. 5. Внешний вид главного окна программы Outlook Express Создание учетной записи
- •Создание сообщений электронной почты
- •Подготовка ответов на сообщения
- •Сортировка входящей корреспонденции
- •Поля описания правил отбора и соответствующих им действий
- •Работа с адресной книгой
- •Чтение сообщений телеконференций
- •Упражнение 4.1. Создание учетной записи электронной почты
- •Упражнение 4.2. Отправка и получение сообщения электронной почты
- •Упражнение 4.3. Использование Адресной книги
- •Упражнение 4.4. Подписка на телеконференцию и чтение сообщений
- •Поисковая служба Rambler
- •Упражнение 5.1. Поиск информации по ключевым словам
- •Поисковая система Rambler
- •Основы языка html
- •Теги html
- •Форматирование текста
- •Теги (дескрипторы) форматирования символов
- •Теги (дескрипторы) форматирования абзацев
- •Гиперссылки
- •Создание списков
- •Типы списков html и соответствующие им теги
- •Типы нумерации упорядоченных списков в html
- •Типы маркеров для маркированных списков
- •Стандартные значения атрибута align тега img
- •Упражнение 6.1. Создание простейшей Web-страницы
- •Упражнение 6.2. Изучение приемов форматирования абзацев
- •Упражнение 6.3. Создание и использование изображения на Web-странице
- •Упражнение 6.4. Создание гиперссылок
- •Упражнение 6.5. Приемы форматирования текста
- •Упражнение 6.6. Приемы создания списков
- •Упражнение 6.7. Создание таблиц
- •Упражнение 6.8. Создание описания фреймов
- •Упражнение 6.9. Работа с таблицами стилей
- •Создание собственной Web-страницы с использованием FrontPage Express
- •Оформление текста
- •Гиперссылки и графика
- •Публикация
- •Упражнение 7.1. Создание Web-документа с помощью редактора
- •Упражнение 7.2. Создание файлов фреймовой структуры и сегментированного изображения с помощью редактора FrontPage 2000
- •Публикация информации в web
- •Адреса некоторых серверов для бесплатного размещения Web-страниц
- •Некоторые каталоги и поисковые системы в www
- •Упражнение 8.1.Размещение Web-страниц на Web-сервере
- •Р ис. 12. Внешний вид страницы Управление файлами на сайте boom.Ru
- •Упражнение 8.2.Регистрация Web-страниц в системах поиска
- •Список литературы
- •Содержание
Форматирование текста
Основные теги, используемые для форматирования символов Web-страницы, приведены в табл. 3. Каждый из указанных тегов является контейнером, т.е. соответствующее форматирование начинается стартовым тегом, а заканчивается – завершающим.
Таблица 3
Теги (дескрипторы) форматирования символов
Тег |
Описание тега |
<B> |
Стиль Bold – полужирное начертание |
<BIG> |
Увеличение размера текущего шрифта |
<EM> |
Выделение (обычно курсив) |
<FONT> |
Использование определенного шрифта, размера и цвета |
<I> |
Стиль Italic – курсив |
<SMALL> |
Уменьшение размера текущего шрифта |
<STRIKE> |
Перечеркнутый текст |
<SUB> |
Подстрочные символы (нижний индекс) |
<SUP> |
Надстрочные символы (верхний индекс) |
<TT> |
Моноширинный шрифт, телетайп |
<U> |
Подчеркнутый текст |
Отметим, что при отображении файла HTML браузером все лишние пробелы игнорируются. Так, если вставить три пустые строки между двумя строками текста, то все пустые строки заменятся одним пробелом, а текст «разорвется» по границе окна.
Заранее точно не известно, какой шрифт будет использоваться браузером при отображении текста. Можно, однако, с помощью тега <FONT> указать явно, какой шрифт использовать, а также задать размер и цвет шрифта. Размер основного шрифта задается элементом BASEFONT: <BASEFONT SIZE = значение>. Величина основного шрифта может принимать значение от 1 до 7, стандартный для браузера размер шрифта равен 3. Значению 1 соответствует размер 9 пунктов, а для наибольшего размера 7 устанавливается шрифт размером 36 пунктов. Атрибут COLOR изменяет цвет шрифта, атрибут SIZE устанавливает относительный размер шрифта (+1 – на один размер больше, -2 - на два размера меньше). Например:
<font face="Arial" size="+2" color="#FF3366"> Текст </font>,
где face=”Arial” – шрифт Arial, size=”+2” – размер на два больше, color=”FF3366” – цвет текста.
Кроме атрибутов шрифта важное значение для форматирования текста имеет форматирование абзацев. В табл. 4 приведено большинство используемых для этой цели тегов. Все они, кроме <BR>, являются контейнерами.
Таблица 4
Теги (дескрипторы) форматирования абзацев
Тег |
Описание тега |
<ADDRESS> |
Почтовый адрес (курсив) |
<BLOCKQUOTE> |
Отступ вправо (стиль для вставки цитат) |
<BR> |
Переход на новую строку без вставки пустой строки |
<CITE> |
Цитата |
<H1>…<H6> |
Заголовок (с первого по шестой уровни) |
<P> |
Обычный абзац |
<PRE> |
Неформатированный текст (сохраняет пробелы) |
В Web-браузере абзацы отделяются друг от друга пустой строкой. В HTML начало абзаца помечается тегом <P>, конец - тегом </P> (является необязательным).
Для выравнивания текста используется параметр ALIGN тега <P>. Этот параметр может принимать значения LEFT, RIGHT, CENTER и JUSTIFY для выравнивания соответственно по левому краю, правому краю, по центру и по ширине строки. Например: <P ALIGN=”LEFT”>. Аналогично выполняется выравнивание заголовков, например:
<H1 ALIGN=”CENTER”>Этот заголовок выровнен по центру</H1>.
В исходный код Web-страницы можно добавлять комментарии, которые не будут видны при отображении документа браузером. Для комментариев используется следующий синтаксис: <!-- текст комментария -->.