- •1 Организация поиска информации в сети Internet 5
- •Введение
- •1Организация поиска информации в сети Internet
- •1.1 Сеть Internet. Сервисы сети Internet
- •1.2Структура адресов в Internet
- •1.3Общие сведения и интерфейс программы Internet Explorer
- •1.4Основные принципы работы с программой Internet Explorer
- •1.5Упрощение доступа к часто посещаемым страницам
- •1.6Обеспечение доступа к ресурсам Internet в автономном режиме
- •1.7Основные настройки навигатора
- •1.8Справочные данные
- •1.9Простые приемы поиска Web-страниц
- •1.10Поисковые системы сети Internet
- •1.11Правила выполнения запросов в поисковых системах
- •1.12Примеры простых запросов в поисковой системе Яndex
- •1.13Задание на лабораторную работу
- •1.14Контрольные вопросы
- •2Решение транспортной задачи средствами Microsoft Excel
- •2.1Возможности Microsoft Excel
- •2.2Ввод данных в ячейки
- •2.3Выделение данных
- •2.4Создание формул
- •2.5Работа с границами и заливкой
- •2.6Постановка транспортной задачи
- •2.7Решение транспортной задачи средствами Excel
- •2.8 Задания на лабораторную работу
- •Вариант 1
- •Вариант 2
- •Вариант 3
- •Вариант 4
- •Вариант 5
- •Вариант 6
- •Вариант 7
- •Вариант 8
- •Вариант 9
- •Вариант 10
- •Вариант 11
- •Вариант 12
- •2.9Контрольные вопросы
- •3Работа с программой Microsoft Access
- •3.1Работа с базами данных
- •3.2Создание таблиц в Access и работа с ними.
- •3.3Создание таблиц с помощью Мастера таблиц
- •3.4Ввод и редактирование данных в таблице
- •3.5Использование Мастера по созданию форм
- •3.6Создание и изменение запроса с помощью Конструктора запросов
- •3.7Задания на лабораторную работу
- •3.8Контрольные вопросы
- •4Работа с электронной почтой через Web-интерфейс
- •4.1Организация работы электронной почты
- •4.2Структура письма электронной почты
- •4.3 Дополнительные функции электронной почты
- •4.4Общие принципы работы на почтовом сервере с доступом через Web-интерфейс
- •4.5Задание на лабораторную работу
- •4.6Контрольные вопросы
- •5Основы создания web-страниц средствами языка разметки гипертекста html
- •5.1Общие сведения о языке разметки гипертекста
- •5.2Структура html-документа
- •5.3Основные теги языка html
- •5.4Задание на лабораторную работу
- •5.5Контрольные вопросы
- •Список рекомендуемой литературы
- •Приложение а (обязательное) Пример оформления титульного листа отчета по лабораторной работе
5.3Основные теги языка html
Форматирование HTML-документа
<BODY> </BODY> – тело документа. Основные параметры:
TEXT – цвет текста для документа в целом. Цвет указывается в формате RGB или константами red, green, blue и т.п. По умолчанию – «black» (#000000).
BGCOLOR – фоновый цвет всего документа. По умолчанию – «white» (#FFFFFF).
LINK – цвет «непосещенной» гиперссылки, т.е. ссылки, к которой посетитель данного сайта еще не обращался. По умолчанию ей присваивается значение «blue» (#0000FF).
VLINK – цвет «посещенной» гиперссылки. Значение по умолчанию – «purple» (#800080).
<P> </P> – абзац. Параметр тега – ALIGN – выравнивание. Возможные значения:
LEFT – по левому краю,
RIGHT – по правому краю,
CENTER – по центру,
JUSTIFY – по ширине.
Пример: <P ALIGN=CENTER>Этот абзац выровнен по центру</P>.
<BR> – начало новой строки без начала нового абзаца.
<NOBR> </NOBR> – не переносить на новую строку, даже если она не помещается в окно браузера.
<H1> </H1> ... <H6> </H6> – заголовки разного уровня (от первого до шестого). У тега также есть параметр ALIGN.
<HR> – горизонтальная линия. Параметры:
ALIGN – выравнивание,
WIDTH – длина линии в процентах от окна браузера или пикселях,
SIZE – ширина линии в процентах от окна браузера или пикселях,
COLOR – цвет линии.
Пример: <HR ALIGN=CENTER WIDTH=50% SIZE=6 COLOR=RED>
Дополнительные возможности по форматированию
<B> </B> – полужирный текст.
<I> </I> – курсивный текст.
<U> </U> – эффект подчеркивания.
<STRIKE> </STRIKE> – эффект зачеркивания.
<BIG> </BIG> – текст, увеличенный по отношению к размеру основного текста на 1 пункт.
<SMALL> </SMALL> – текст, уменьшенный по отношению к размеру основного текста на 1 пункт.
<SUB> </SUB> – нижний индекс.
<SUP> </SUP> – верхний индекс.
<FONT> </FONT> используется для указания начертания шрифта в документе. Параметры:
SIZE – размер шрифта в пунктах от 1 до 7.
COLOR – цвет шрифта.
FACE – тип шрифта.
Примеры:
<P><FONT FACE=”ARIAL” SIZE=4 COLOR=RED> Это красная строка </FONT>
<P><FONT FACE=”TIMES NEW ROMAN” SIZE=2 COLOR=#FF0000> Это тоже красная строка </FONT>
Графика в HTML-документах
<IMG> – рисунок. Основные параметры:
SRC – URL – адрес файла, содержащего рисунок.
ALIGN – выравнивание. Возможные значения:
TOP – по верху изображения;
BOTTOM – по низу изображения;
MIDDLE – по центру изображения;
LEFT – обтекаемое текстом изображение прижато к левой стороне окна;
RIGHT – то же, только прижато к правой стороне:
ALT – текст, который увидит пользователь, если рисунок не может быть выведен.
WIDTH и HEIGHT – соответственно ширина и высота изображения в пикселях.
Пример: <IMG SRC=”priroda.jpg”>.
Гиперссылки в HTML-документах
<A HREF=адресная часть> объект, являющийся указателем </A> – создание глобальной ссылки.
Адресная часть может включать абсолютный или относительный адрес. Во втором случае адрес может вычисляться относительно текущего документа. В реальных случаях практически всегда используются относительные ссылки, так как это обеспечивает возможность перемещения проекта в любую папку без изменения HTML-кода страниц.
Например, в папке D:\Site\ располагаются страницы с именами page1.html и page2.html. Организуется ссылка из документа page1.html на документ page2.html.
Относительная ссылка будет выглядеть так:
<A HREF=page2.html>…</A>.
Абсолютная ссылка будет выглядеть так:
<A HREF=D:\Site\page2.html>…</A>.
Еще пример абсолютной ссылки:
<A HREF=http://www.ostu.ru>Сайт ОрелГТУ</A>.
Если page2.html располагается в подкаталоге catalog1 папки Site, то относительная ссылка на него из документа page1.html выглядит так:
<A HREF=catalog1\page2.html>…</A>.
Для того чтобы подняться на каталог выше, используется фрагмент «../». Например, если page2.html располагается в подкаталоге catalog1 папки Site, то относительная ссылка из него на документ page1.html выглядит так:
<A HREF=..\page1.html>…</A>.
Объект-указатель может быть текстом или рисунком. В первом случае указатель содержит соответствующий текст, во втором – тег <IMG>.
Если документ имеет большие размеры, то имеет смысл использования локальных ссылок, то есть ссылок на фрагмент самого документа.
<A NAME=имя локальной ссылки> текст </A> – создание метки для локальной ссылки.
<A HREF=имя файла#имя локальной ссылки> текст </A> – создание локальной ссылки.
Например, имеется документ Book.html, а в нем две логические части. Начало каждой части определяется меткой локальной ссылки следующим образом:
<A NAME=part1> Заголовок Части 1 </A>
<A NAME=part2> Заголовок Части 2 </A>
Теперь в документе book.html можно использовать локальные ссылки вида:
<A HREF=book.html#part1> Перейти к первой части </A>
Списки в HTML-документах
<OL> </OL> – нумерованный список. Параметры:
TYPE – вид нумерации. Возможные значения:
A – прописные буквы,
a – строчные буквы,
I – большие римские цифры,
i – маленькие римские цифры,
1 – арабские цифры;
START n – список будет начинаться с n.
<UL> </UL> – маркированный список. Параметр TYPE (вид маркеров) может иметь значения:
disс – круг,
square – квадрат,
circle – окружность.
<LH> – заголовок списка.
<LI> – элемент списка.
Пример оформления маркированного списка:
<UL type=square>
<LH>Части html-документа
<LI>Заголовок
<LI>Тело
</UL>
Таблицы в HTML-документах
<TABLE> </TABLE> – таблица. Основные параметры:
ALIGN – выравнивание таблицы. Значения: LEFT, RIGHT или CENTER.
WIDTH – ширина таблицы в пикселях или процентах.
BORDER – ширина обрамления ячеек таблицы в пикселях.
BORDERCOLOR – цвет границ таблицы.
BGCOLOR – фоновый цвет таблицы.
<TR> </TR> – строка таблицы. Параметры:
ALIGN – горизонтальное выравнивание содержимого строки. Значения: LEFT, RIGHT или CENTER.
VALIGN – вертикальное выравнивание содержимого строки. Значения: TOP, MIDDLE или BOTTOM.
<TD> </TD> – ячейка строки. Основные параметры:
ALIGN и VALIGN – аналогичны параметрам тега <TR>.
HEIGHT и WIDTH – высота и ширина в пикселях, либо в процентах.
ROWSPAN – объединение смежных ячеек в одном столбце. Этот параметр принимает значения в зависимости от того, сколько ячеек нужно объединить.
COLSPAN – аналогично ROWSPAN, но для объединения ячеек в одной строке.
BORDERCOLOR – цвет границ ячейки.
BGCOLOR – фоновый цвет ячейки.