Информационно поисковые системы в Интернете.

ПРЕДПОСЫЛКИ ПОЯВЛЕНИЯ

1. Появление WWW
2. Графические браузеры
3. Стремительный рост объемов разнородных документов в Интернете.
4. Сложность определения местоположения получения информации.

ТИПЫ

n Поисковые машины

n Тематические каталоги

- ТЕМАТИЧЕСКИЙ КАТАЛОГ

n В www:

q сперва появлялись личные коллекции ссылок.

q Развитие – тематические каталоги (www.yahoo.com 1994 год).

n Составные части:

q Иерархическая совокупность тем (рубрик)

n (обычно постоянно совершенствуется и использует перекрестные ссылки)

q База описаний ресурсов с привязкой к рубрикам (возможно к нескольким)

q Механизм отслеживания описания ресурсов и пополнения базы.

- ПОИСКОВАЯ МАШИНА

n Появились с популярностью www

q Одни из первых (1993 год)

n ALIWEB (просматривала META теги)

n Exite (анализировала статистику появления слов в документе)

n Lycos (индексировал страницу целиком)

n Поисковая машина состоит из

q программы-паука (робот), которая просматривает сайты Интернета и индексирует их в автоматическом режиме.

q базы данных (индекса), в которой находится информация о просмотренных сайтах.

n В современных системах база содержит и сами документы (размером до нескольких десятков килобайт).

 

Язык HTML. История развития. Структура. Синтаксис. Примеры.

HTML (HyperText Markup Language) - язык гипертекстовой разметки документов

 

Состояние на сейчас

n HTML+CSS (HTML 4.01, CSS 2.0 (3.0))

q CSS – ( C ascading S tyle S heets — каскадные таблицы стилей )

n XHTML (E x tensible H yper t ext M arkup L anguage — Расширяемый язык разметки гипертекста) – отвечает стандартам XML

n XML+XSL

q XML – (eXtensible Markup Language — расширяемый язык разметки)

q XSL - (Extensible Stylesheet Language) — расширяемый язык таблиц стилей

СТРУКТУРА

Любой HTML документ должен содержать следующие теги < html> < /html>, < head> < /head>, < body> < /body>, < title> < /title> . Порядок расположения тегов в HTML документе представлен ниже

< html>

< head>

< title> Название вашей страницы< /title>

< /head>

< body>

Тело вашего документа

< /body>

< /html>

Внутри тега < head> < /head> располагается название вашего HTML документа (чаще всего именно его вы видите в качестве ссылки в результатах поиска поисковыми машинами), помимо этого тега внутри конструкции < head> < /head> могут располагаться так называемые Мета Теги. Их назначение и описание смотри в справочнике по Мета Тегам.

ТЕГИ

n Заголовки
< H1> … < /H1>
< H2> … < /H2>
…..
< H6> … < /H6>
< H1 ALIGN=CENTER> … < /H1>

n Абзацы
< P> … < /P>
< P ALIGN=justify | right | left | center> … < /P>

* - закрывающий необязателен

n Разрыв строки
< BR>
< BR clear=right | left | all>

* - < NOBR> … < /NOBR> не переводить строку

< HR>

< HR align=… size=… color=… width=… noshade>

 

СПИСКИ

n < OL> … < /OL> order list (упорядоченный список) *нумерованный*

n < LI> - list item – элемент списка

< OL>

< LI> Пункт первый

< LI> Пункт второй

< /OL>

n Параметры (TYPE и START)

n TYPE 1 A a I i (по умолчанию 1)

n START (по умолчанию 1)

< OL TYPE=I START=1703>

< LI> В этом году ….

< LI VALUE=2004> В этом году ….

< /OL>

*< UL> используется для маркированного списка*

Еще DL и DT (для обозначения термина и его определения) DT в данном случае термин.

ТИПЫ ТЕГОВ (СИНТАКСИС)

n Типы тегов

q Контейнеры
открывающий тег, содержимое, закрывающий тег

< ИМЯ-тега параметр1=значение параметр2 …> содержимое < /ИМЯ тега>

Если значение параметра содержит пробел - необходимо заключать в кавычки

q Автономные элементы – (без содержимого и закрывающего тега) – обычно вставка объектов.

 

Структура открывающей метки, структура HTML документа.

HTML-документ-это текстовый файл с расширением *.html. Основой всякого сайта является язык HTML (HyperTextMarkupLanguage) -язык разметки гипертекста. Всякий HTML-документ составлен из конкретных HTML-меток или тэгов. Большинство тэгов парные, т.е. на каждую открывающую метку есть закрывающая метка вида.

Обязательные метки.

< html>...< /html>
Метка < html> должна открывать HTML-документ. Аналогично, метка < /html> должна завершать HTML-документ.

< head>...< /head>
Эта пара меток указывает на начало и конец заголовка документа.

< title>...< /title>
Всё, что находится между этими метками, толкуется браузером как название документа. Ни в коем случае нельзя путать имя вашего HTML-документа (в расширении *.html) и его название между метками < title> и < /title>.

< body>...< /body>
Определяют начало и конец тела HTML-документа, внутри этих тэгов расположено основное содержание HTML-документа. Сам тэг может содержать в себе различные параметры, например bgcolor (цвет фона документа), text (цвет текста), link (цвет гиперссылки) и другие. О этих и других параметрах поговорим подробно позже.

Итак, структуру всякаго html-документа можно представить следующим образом:
< html>
< head>
< title>...< /title>
< /head>
< body>...< /body>
< /html>

Заголовки и абзацы.

< h1>...< /h1> -< h6>...< /h6>
Метки вида < hi>, где i=1..6 описывают заголовки шести различных уровней (размеров). Заголовок первого уровня самый крупный.

< p>...< /p>
Такая пара меток описывает абзац. Закрывающий тэг < /p> не обязателен.
Непарные тэги.

Кроме парных тэгов или тэгов - контейнеров существуют и непарные, т. е. не требующие закрывающих меток типа < /tag>.
< br> - используется, если необходимо перейти на новую строку, не прерывая абзаца. Очень удобна эта метка при публикации стихов в html – документах. Данный тэг ставится не в начале строки, а только в её конце. Для примера рассмотрим фрагмент html – документа, содержащего стих.
< p> Ты жива ль ещё, моя старушка? < br>
Жив и я, привет тебе, привет! < /p>
< nobr> - запрещает перевод строки. Текст, размеченный этим тэгом, будет гарантированно располагаться в одной строке, независимо от ее длины. Если при этом получающаяся строка будет выходить за пределы окна просмотра браузера, то появится горизонтальная полоса прокрутки.
< hr> - описывает горизонтальную линию, удобную для логического разделения частей html – документа.

Форматирование шрифтов. Метки физического и логического форматирования.

Логическое форматирование
< CITE> …< /CITE> -цитата (обычно курсив)

n < STRONG> …< /STRONG> -важно (обычно изображается жирным шрифтом)
< EM> …< /EM> -акцент (обычно изображается курсивом)
< DFN> …< /DFN> -определение
< DEL> …< /DEL> -удаленный (обычно изображается перечеркнутым)
…

n Большие цитаты
< BLOCKQUOTE>
…. (обычно выделяется отступом)
< /BLOCKQUOTE>

Физическое форматирование
< B> …< /B>
< I>
< SUB>
< SUP>
< STRIKE>
< U>
< TT> моноширинным шрифтом

 

ФОРМАТИРОВАНИЕ ШРИФТА

< FONT FACE = > …< /FONT>

Типы шрифтов:
serif (с засечками, " антиква" ),
sans-serif (без засечек, " рубленый" ),
cursive (курсив),
fantasy (аллегорический),
monospace (моноширинный)

Пример:

< FONT FACE=" Verdana, Helvetica, Arial, sans-serif" COLOR=" purple" SIZE=" +2" >

 

Форматирование абзацев.

Берем теги < p> и закрывающий < /p>. Между ними пишем текст и форматируем его внутри этого тега. Выравниванием (align), цветом. Разрывом строки < BR> .

Теги заголовка: < H1> …< /H1>, < H2> …< /H2> : < H6> …< /H6>

< h1> - самый большой, < h6> - самый маленький.

align – параметр выравнивания. align= «center»/ «right»/ «left»

Пример: < H1 ALIGN= «CENTER»> … < /H1>

 

Теги абзаца: < P> …< /P> , добавляет пустой отступ перед строкой.

Выравнивание абзаца: align= «justify»/ «right»/ «left»/ «center»

justify= выравнивание по ширине

right= по правому краю

left= по левому краю

center= по центру

Пример: < P ALIGN= «justify»> … < /P>

По умолчанию стоит параметр align= «left», поэтому его можно не писать.

 

Тег разрыва строки: < BR>

Он устанавливает перевод строки в том месте, где этот тег находится. Не добавляет пустой отступ перед строкой.

Пример: Идет бычок, качается, < br> Вздыхает на ходу

Результат: Идет бычок, качается,

Вздыхает на ходу

Если текст, в котором используется перевод строки, обтекает плавающий элемент, то с помощью атрибута clear тега < br> можно сделать так, чтобы следующая строка начиналась ниже элемента.

clear= «all»/ «left»/ «right»/ « none »

all= Отменяет обтекание элемента одновременно с правого и левого края.

left= Отменяет обтекание с левой стороны элемента, расположенного после тега < br>

right= Отменяет обтекание с правой стороны элемента.

none = Отменяет действие атрибута.

Пример: < br clear=" all" >

 

Тег отображения предварительно отформатированного текста: < pre> …< /pre>

Используется, если необходимо поставить несколько пробелов и переносов строк.

Например, необходимо отобразить: Здравствуй, дорогой друг!

Без тега: Здравствуй, дорогой друг!

Использование тега: < pre> Здравствуй, дорогой друг! < /pre>

Отображение: Здравствуй, дорогой друг!

Внутри < pre> …< /pre> игнорируются теги абзацев и заголовков.

 

Тег < hr>: рисует горизонтальную линию, которая по своему виду зависит от используемых параметров.

Тег < hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.

align - определяет выравнивание линии.

color- цвет линии.

noshade- рисует линию без трехмерных эффектов.

size- толщина линии.

width- ширина линии.

Пример: < hr align= color= size= width= noshade>

 

 

Ссылки в HTML документах.

Ссылка

q < A HREF=“URL”> ...обычно текст ссылки синий и подчеркнутый< /A>

q < A HREF=“URL” TARGET=“цель”> ... < /A> *

q Пример:

n < A HREF=“http: //www.fitim.ru”> ФИТИМ < /A>

ФИТИМ

n * В адресе могут указываться и доп. Параметры:

q < A HREF=http: //www.fitim.ru/student/index.html? lang=ru> ... < /A>

 

⇐ Предыдущая12345Следующая ⇒

Поделиться: