| Глава #3 |

Хех, всем привет. Ну чтож приступим к третьему уроку, и так в сегодняшнем меню знацатся: создание гиперссылок, таблицы, списки и вставка звука в страницу.

Создание гиперссылок

Для создния гиперссылок служит тег <A>. Для чего служат гиперссылки, они позволяют переносит пользователя от одной страницы (текста) к другой странице (тексту). Закрывающий тег обязателен. Сама гиперссылка поддаётся форматированию. Тэг обязательно должен содержать либо атрибут name или атрибут href.

Атрибуты

href - задаёте url путь, при щелчке на который пользователь передёт на него. Путь может указывать как на другой документ, так и на элемент внутри документа. Пример: <A href="путь">текст</A>.
Также вы можете создать гиперссылку вызова почтовой программы (Outlook, The Bat! и др.) Тогда гиперссылка будет выглядеть так <A href="mailto:your@email">напишите нам</A>
Но можно пойти ещё дальше, многие почтовые программы позволяют заполнять многие поля (вы можете заполнять только те поля которые вам нужны). Тогда гиперссылка будет выглядеть так:

<A href="mailto:your@email?subject=HTML%20-%20это%20просто&Body=Спасибо%20вам%20за%20вашу%20рассылку%20=)&CC=your@email&BCC="your@email">напишите нам</A>

& - является соединяющим символом
%20 - заменяет пробел
subject - тема письма
Body - содержание письма
CC - копия на другой адрес

name - задаёт имя элемента, перед именем обязательно ставить знак #. Имя используется для создания ссылок между фрэймами или текстами. Закрывающий тэг не нужен (пример: Если в вначале странице поставите гиперссылку типа <A href="#nameelementa">текст</A>, а в конце этой же страницы поставите <A name="nameelementa"> (заметьте знак # не ставится). То при нажатие гиперссылки, пользователь перенесётся в конец странице, яркий пример вы можете наблюдать на нашей рассылке, внизу этой странице есть гиперссылка ввиде текста "наверх", при нажатие на неё вы перенесётесь на вверх страницы =)

target - показывающая как будет загружаться ссылка. Атрибут необязателен.

name - Имя ссылки или фрейма
_blank - Загружает ссылку в новое окно
_parent - Загружает ссылку в родительском окне
_search - Загружает ссылку в панель поиска браузера. Доступно в Internet Explorer 5 и выше
_self - По умолчанию. Загружает ссылку в это же окно, где был произведен клик по ссылке
_top - Загружает ссылку в topmost окно

Например target=_blank

title - Всплывающая подсказка

Таблицы

Любая таблица в HTML начинаеться с тэга <TABLE>. Все элементы таблицы должны быть вложенны в него. Можно вложить одну таблицу в другую, т.е. содержимым ячейки может быть другая таблица. Тэг имеет обязательный закрывающий тэг, а также атрибуты, которые мы сейчас свами и разберём.

Атрибуты

align - Выравнивание таблицы относительно документа. Возможные значения: center, left, right

background - Строка, определяющая рисунок для заднего фона

bgcolor - Определяет задний фон таблицы

border - Толщина рамки в пикселах. Если атрибут не указан, то таблица выводится без видимой рамки

bordercolor - Цвет рамки

cellspacing - Задает расстояние между ячейками таблицы

cellpadding - Задает расстояние между содержимым ячейки и ее рамкой

rules - Описывает рамки вокруг таблицы. Может принимать следующие значения.
  all - Отображает все части рамки внутри таблицы
  cols - Отображает все вертикальные рамки внутри таблицы
  groups - Отображает горизонтальные части рамки между группами таблицы THEAD, TBODY, TFOOT
  none - Удаляет все рамки вокруг таблицы
  rows - Отображает все горизонтальные рамки внутри таблицы
Пример: rules=colls

summary - Описание таблицы для удобства людей, использующих браузеры, поддерживающие азбуку Бройля или речевой вывод

title - Всплывающая подсказка

width - Ширина таблицы в процентах или пикселах

Тэг <TR> идёт сразу после тэга <TABLE>. Этот тэг создаёт строку в таблице. Необязателен закрывающий тэг. Имеет атрибуты.

Атрибуты

align - Выравнивает текст в ячейке:
   left - по левому краю
   rigth - по правому краю
   center - по центру


valign - Выравнивает текст в ячейке по вертикали:
   top - по верхнему краю
   middle - по центру
   bottom- по нижнему краю

Тэг <TD> идёт сразу после тэга <TR>. Создаёт ячейку в таблице. Необязателен закрывающий тэг. Имеет атрибуты.

Атрибуты

height - Указывает высоту элемента в процентах или пикселях

align - Выравнивает текст в ячейке
   left - по левому краю (по умолчанию)
   rigth - по правому краю
   center - по центру

valign - Выравнивает текст в ячейке по вертикали
   top - по верхнему краю
   middle - по центру
   bottom - по нижнему краю

colspan - Указывает кол-во столбцев которое объединено в одной ячейке (по умолчанию=1)

rowspan - Указывает кол-во строк которое объединено в одной ячейке (по умолчанию=1)

title - Всплывающая подсказка

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

<html>
<head>
<title>
Моя первая страница
</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">
<META name="author" content="Vazio">
<META name="description" content="HTML - это просто! Учим html.">
<META name="keywords" content="META, HTML, WWW, Web, паутина, поиск, определение, рекомендации, примеры использования, урок, руководство, информация, справка, Netscape, Microsoft Internet Explorer">
<META name="copyright" content="&copy; 2004 Mzero">
</head>
<body bgcolor="000000" background="" link="FFFFFF" alink="FF0000" vlink="FF0000" text="FFFFFF" >
<TABLE>
<TR>
<TD align=center>
Заголовок
</TD>
</TR>
<TR>
<TD align=left >
Ваш текст
</TD>
<TD align=right>
<a href="http://mzero.by.ru">Сайт рассылки</a> <a href="mailto:angelos@by.ru?subject=Спасибо%20за%20рассылку&Body=Классная%20рассылка>напишите нам</a> </TD>
</TR>
</TABLE>
</body>
</html>

Вот так, как посмотреть на то что получилось, вы знаете, что делать.

Списки

Что такое списки, наверняка вам довадилось видеть документацию по сборке, и там наверняка обьяснялось как собирать эту вещь по пунктам, типа 1, 2, 3, 4 или I, II, III, IV и т.п. Так вот как это осужествляеться в HTML, осуществляеться это с помощью двух тэгов <OL> <UL>. Каждый тэг используеться для разного обозначения пунктов в списке. Обязательны закрывающие тэги. Также между открывающим и закрываюзим тэгом, есть тэг <LI> служащий для обозначения элемента списка (сейчас поймёте =).

Тэг <OL> служит для создания нумерованого списка. Имеет атрибуты:

Атрибуты

type - тип маркера
   A - Заглавные буквы
   a - Строчные буквы
   I - Заглавные римские цифры
   i - Строчные римские цифры
   1 - Арабские цифры (по умолчанию)
Пример: type=1

start - Начальное значение для нумерованного списка при использовании арабских цифр

title - Всплывающая подсказка

Ввиде кода это будет выглядеть так (создадим нумерованный список с заглавными римскими цифрами):

<OL type=I title="нумерованный список">
<LI>
Я
</LI>
<LI>
Мама
</LI>
<LI>
Папа
</LI>
<LI>
Интернет
</LI>
</OL>

Тэг <UL> служит для создания ненумерованого списка. Имеет атрибуты:

Атрибуты

type - Тип маркера
   disk - Закрашенный кружок. По умолчанию
   circle - Незакрашенный кружок
   square - Квадратик
Пример: type=disk

title - Всплывающая подсказка

Код будет точно такой же как и в тэге <OL> только список будет ненумерованный.

Звук

За чем нужен звук на страницке, если вы хотите сделать вашу страницку с музыкальным сопроваждением, то советую сделать это во флэше, благо в интернете по этому много уроков. Нет конечно можно сделать с помощью HTML, но выглядеть это будет не очень. А вот если у вас есть коллекция музыкальных файлов и вы хотите дать посетителям прослушать их для ознакомления (чтобы они могли потом скачать или купить у вас эту мелодию), то тогда вставлять музыкальный файл в страницку лучше припомощи HTML, а поможет нам в этом тэг <BGSOUND>. Закрывающий тэг не требуется. Имеются атрибуты:

Атрибуты

loop - Возвращает или устанавливает число повторов. Может принимать следующие значения:
   -1 - Постоянное воспроизведение звука
   0 - Только один раз
   n - Устанавливает точное число повторов (1, 2, 3...)
Пример: loop=0

src - URL звукового файла

Выглядит всё это так:

<BGSOUND src="track.mp3" loop=-1>

Вот и всё, запишите попробуйте, поэкспереминтируйте. Удачи!

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

  | Клуб Icq |

Клуб Icq или в народе аси, создан для людей любящих общение, ищущих интересные знакомства с интересными людьми.

Для того чтобы вступить в клуб нужно прислать мне на емайл, следуюющие письмо:

Тема: Клуб Icq
Cодержание: Ваше Имя Фамилию или Ник*/ Интересы*/ Номер icq*/Ваши пожелания (откуда или каким должен быть ваш собеседник)/ Город/ Страна.
*- для обязательного заполнения

Или оставить сообщение в гостевой с темже Содержанием

Что это даёт вам:
1) это расширит ваш круг общения
2) общение с людьми близких к вашим интересам

На данный момент в клубе находиться только два человека.Присоединяйтесь!

Name	Интересы	Номер Icq	Мои пожелания	Страна	Город
Филипп Прус (Vazio)	Web-design, html, интернет, дисскусии на разные темы, журнал Zero, книги, кино, новые технологии.	155828635	-	Россия	Spb
Самойлов Олег (***RaceR***)	русский стиль рукопашного боя, общение с девушками и знакомства, web-дизайн, автомобили(изготовление).	313647175	пишите все или в асю или на мыло: oleg_rr@inbox.ru	Россия, Татарстан	Зленодольск
Крещук Максим (Makswell)	Web-дизайн, кодинг на PHP, HTML,Css,Java Script, кодинг на Дельфи, плавание, программирование в общем...	279094608	Ищу помощников для создания сайта (сейчас изучаю необходимые технологии - летом буду делать) - сразу предупреждаю: сайт о программирование и Web-программировании... присоединяйтесь - посредники... моё мыло corel86@mail.ru. - это интересы...	Россия	Пенза
Дмитрий К. (dik-zel)	WEB-дизайн,mp3-музыка,Flash-игры,выпускаю свою рассылку и читаю другие, особенно про HTML	321731558	Пишите все в icq или на dik-zel@rambler.ru	Россия,Татарстан	Зеленодольск

  | Друзья |

Такавых пока не много, но выможете стать нашим другом, достаточно разместит у вас на сайте в рассылке или просто в вашнй подписи ссылку на нас. И здесь и в журнале появиться ссылка на ваш сайт или то что вы захотите (в текстовом варианте).

Секс Рассылка - о наиболее интересных вопросов и ответов о сексе

RadioFantasy - Питерское независмое радио Fantasy