- •Министерство образования российской федерации
- •Мировые информационные ресурсы
- •Введение
- •Тема 1: Web-технология и Всемирная паутина
- •Как создаются Web-страницы?
- •Поисковые машины, серверы и системы
- •Наиболее популярные ресурсы по поиску информации
- •Тема 2: Создание гипертекстовых документов посредством языка html Форматирование текста
- •Основные тэги html
- •Названия и коды цветов
- •Расчетное задание №1 Работа с текстовыми тэгами
- •Графические изображения
- •Вставка графики
- •Гиперссылки
- •Гипертекстовые ссылки
- •Расчетное задание №2 Внедрение графики в html-документ и использование гиперссылок
- •Элементы html для построения таблиц
- •Расчетное задание №3 Использование таблиц и фреймов
- •Формы (формуляры)
- •Использование скриптов
- •Расчетное задание №4 Работа с формами и использование JavaScript
- •Мировые информационные ресурсы
Наиболее популярные ресурсы по поиску информации
Русские поисковые сервера
|
Англоязычные поисковые сервера
|
Системы мета поиска
|
www.rambler.ru |
www.altavista.com |
www.krasu.ru/search |
www.yandex.ru |
www.yahoo.com |
www.mafiasearch.ru |
www.aport.ru |
magellan.excite.com |
www.metabot.ru |
www.atrus.ru |
www.lycos.com |
www.metacrawler.com |
www.holms.ru |
www.infoseek.com |
www.searchspaniel.com |
www.altervista.ru |
|
www.dogpile.com |
За счет этих сервисов и функций поисковые системы и каталоги постепенно приобретают статус порталов - своеобразных отправных точек при поиске информации в Internet.
Тема 2: Создание гипертекстовых документов посредством языка html Форматирование текста
Очевидно, что Web-документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 “Information processing. Text and office systems. Standard Generalized Markup Language (SGML)”. Правда, существует большое различие между стандартом официальным и стандартом фактическим. HTML постоянно развивается, дополняется новыми элементами, и изучать его надо не по официальным первоисточникам, а на практике, обращаясь к последним разработкам ведущих специалистов.
Поскольку вы уже познакомились с общей структурой Web-страницы, перейдем к рассмотрению тэгов, которые используются при работе с текстом. Добавим лишь, что некоторые тэги имеют свои атрибуты. Атрибуты отделяются от тега пробелом и требуют указания некоторого значения.
Далее приведем справочные таблицы по использованию тэгов, (табл.2 и табл.3), которые позволят управлять внешним видом выводимого текста.
Таблица 2
Основные тэги html
Тэг |
Атрибуты |
Назначение |
<HTML> </HTML> |
|
Обрамляет любой HTML-документ |
<HEAD> </HEAD> |
|
Обрамляет заголовок HTML-документа |
<TITLE> </TITLE> |
|
Устанавливает название HTML-документа, которое появится в строке заголовка браузера |
<BASE HREF="URL"> |
|
Указывает базовый URL, относительно которого можно указывать другие URL данного документа |
<BODY> </BODY> |
|
Обрамляет тело HTML-документа, в котором содержится текст и прочие тэги, выводимые в рабочем поле браузера |
|
BACKGROUND="URL" |
Фоновый рисунок. URL специфицирует графический файл в формате GIF или JPEG |
|
BGCOLOR=#RGB |
Цвет фона |
|
TEXT=#RGB |
Цвет текста |
|
LINK=#RGB |
Цвет невыбранной ссылки |
Продолжение табл. 2
|
||
|
VLINK=#RGB |
Цвет ссылки после ее активизации |
|
ALINK=#RGB |
Цвет ссылки в момент активизации |
<!-- --> |
|
Комментарий. Между этими символами может стоять любой текст, поясняющий HTML-страницу. Браузер игнорирует комментарии, т.е. не выводит их |
Таблица 3 Тэги форматирования текста
|
||
Тэг |
Атрибуты |
Назначение |
<CENTER> </CENTER> |
|
Выравнивание всех элементов по центру |
<LEFT> </LEFT> |
|
Выравнивание всех элементов влево |
<RIGHT> </RIGHT> |
|
Выравнивание всех элементов вправо |
<P> </P> |
|
Обозначает начало нового абзаца |
|
align=хххх |
Используется для изменения выравнивания текста внутри абзаца. Параметр «хххх» принимает следующие значения: center — выравнивание по центру •left — текст влево •right — текст вправо justify – выравнивание по ширине абзаца |
<BR> |
|
Перенос текста на новую строку |
<Нn> </Нn>,где n-цифра от 1 до 6 |
|
Обрамляет заголовок. Существует шесть стилей заголовков: от 6 (самый маленький) до 1 (самый крупный) |
Продолжение табл. 3
|
||
<b> </b> |
|
Устанавливает жирный шрифт |
<I> </I> |
|
Устанавливает курсив |
<U> </U> |
|
Устанавливает подчеркивание текста |
<TT> </TT> |
|
Машинопись (шрифт фиксированной ширины) |
<pre> </pre> |
|
Текст, заключенный между этими тэгами, рассматривается как отформатированный заранее, т.е., текст будет выведен в том виде, в котором был подготовлен автором |
<font> </font> |
|
Устанавливает атрибуты шрифта выводимого текста |
|
FACE="Namel, Name2, , NameN" |
Указывает гарнитуру шрифта, которым требуется вывести текст. Можно через запятую указать несколько шрифтов |
|
SIZE="X" |
Относительный размер шрифта. За базовый принимается размер 3. Увеличение размера получается путем указания положительных целых чисел (например, SIZE=+5), уменьшение — отрицательных (size=-5) |
|
COLOR="#RGB" |
Указание цвета выводимого текста |
<Sup></sup> |
|
Создает эффект верхнего индекса |
<sub></sub> |
|
смещение текста в нижний индекс |
Продолжение табл. 3
|
||
<OL> </OL> |
|
Обрамляет нумерованный список |
<UL> </UL> |
|
Обрамляет маркированный список |
<LI> </LI> |
|
Элемент нумерованного или маркированного списка |
И еще одно важное отступление.
Цвета и цветовые триады
В атрибутах bgcolor, color, text любой цвет устанавливается, как комбинация красного, зеленого и синего (red, green, blue - RGB). Однако, указывается не процент того или иного цвета, содержащегося в комбинации, а некое число от 0 до 255, которое характеризует процентное соотношение данного цвета в комбинации. Все числа указываются не в десятичном, а в шестнадцатеричном виде.
Шестнадцатеричное число, это число, составленное из десяти цифр (от 0 до 9) и шести первых литер латинского алфавита (A, B, C, D, E, F). Атрибут BGCOLOR устанавливает цвет фона документа, а атрибут TEXT – цвет текста. Например, установка белого цвета символов на синем фоне для всего HTML-документа будет реализована следующим образом:
<body bgcolor="#0000ff" text="white" >
В любом месте документа цвет символов можно изменить с использованием тэга <font>, например:
<font color="#ff0000">Красный шрифт</font>
или по другому:
<font color="red">Красный шрифт</font>
Следующий пример отображает буквы слова «текст» разными цветами:
<FONT size=8 color="blue"> <B>т </b></font>
<FONT size=7 color="orange"> е </font>
<FONT size=6 color="green"> к </font>
<FONT size=5 color="maroon"> с </font>
<FONT size=6 color="fuchsia"> т </font>
Таким образом, кодирование цвета используется для раскрашивания шрифтов, горизонтальных линий, фона и других элементов страницы.
В табл.4 представлены допустимые названия цветов.
Таблица 4