Top.Mail.Ru

На страницу вашего сайта требуется вывести подсказку или подробное описание чего либо. Оно должно "красиво" появиться при нажатии на ссылку или кнопку, при этом сама страница не должна перегружаться. Простой и быстрый способ решения такой задачи — использование библиотеки jQuery.

В этом уроке мы рассмотрим как сделать выпадающие окна подсказок или сообщений с использованием библиотеки jQuery. В результате должно получится следующее:

demo      skachat

Рассмотрим HTML теги, определяющие структуру страницы:

<HTML> …</HTML> – обязательные тэги, заключают в себе все содержимое Web-страницы.

<HEAD> …</HEAD> – служат для формирования общей структуры документа, задавая его глобальные свойства, содержат инструкции для поисковиков, для браузеров, скрипты.

<TITLE> …</TITLE> – определяют основной заголовок web – страницы, который отображается в строке заголовка.

<BODY>… </BODY> – обязательные тэги, определяют видимую часть документа.

В настоящее время жизнь без Internet кажется невозможной. Если нужно что-то узнать мы выходим в поисковую систему, для общения пользуемся сайтами Одноклассники и В контакте. И очень часто задаемся вопросом: "А могу ли я создать свой сайт?". Каждый может научить создавать web-сайты. И начнем мы тему "Создание сайта" с изучения языка разметки HTML.

HTML не является языком программирования. Он предназначен для разметки текстовых документов. HTML расшифровывается как, Hyper Text Markup Language, что можно перевести как язык гипертекстовой разметки. При помощи данного языка создаются интернет страницы.

Для создания ссылки используется тэг <A>.

Ссылка на страницу создается в том случае, когда эта страница уже готова. Например, у нас готовы три страницы портфолио:

index.html

work.html

doctizeniya.html

Мы привыкли, что таблица состоит из строк и столбцов и, вставляя таблицу в Word, мы указываем 3 столбца на 2 строки. Вставляя таблицу на HTML-страницу, сначала мы должны показать что сейчас будет таблица. Для этого воспользуемся тэгом <TABLE>. Далее указываем, что сейчас будет строка, используя тэг <TR>. А в этой строке будет три ячейки, и мы пишем три раза <TD>…</TD>.

Получим:


<TABLE>

<TR>

<TD>…</TD>

<TD>…</TD>

<TD>…</TD>

Иногда для структурирования данных используют списки. Для их создания существуют тэги <OL>, <UL> и <LI>. Рассмотрим их подробнее.

Возьмем за основу текст:


<HTML>

<HEAD>

<TITLE>

Виды рыб

</TITLE>

</HEAD>

<BODY>

Виды рыб

Речные рыбы

Морские рыбы

Рыбы Мирового океана

</BODY>

</HTML>