Основы программирования (стр. 9 из 14)

<HTML><HEAD><TITLE> Списоксотрудников </TITLE></HEAD><BODY><H2> Список сотрудников нашей фирмы </H2><H3> Составлено: 30 июля 1996 года </H3> Данный список содержит фамилии, имена и отчествавсех сотрудников нашей компании. <P>Список может быть использован только в служебных целях. <P></BODY></HTML>

Вот, что вы увидите на экране браузера:

Список сотрудников фирмы

Составлено: 30 июля 2004 года

Данный список содержит фамилии, имена и отчества всех сотрудников нашей компании.Список может быть использован только в служебных целях.

Внимание! Заголовок "Список сотрудников" не отображен браузером как часть документа. Он появится в заголовке окна браузера.

Разрыв строки <BR>

Тэг <BR> извещает браузер о разрыве строки. Наилучший пример использования данного тэга - форматированный адрес или любая другая последовательность строк, где браузер должен отображать их одну под другой. Например:

Алексей Ярцев <BR>

Дмитровское шоссе, <BR>

д.9Б, офис 326 <BR>

Дополнительный параметр позволяет расширить возможности тэга <BR>.

Данный параметр позволяет выполнить не просто перевод строки, а разместить следующую строку, начиная с чистой левой (left), правой (right) или обоих (all) границ окна браузера. Например, если рядом с текстом слева встречается рисунок, то можно использовать тэг <BR> для смещения текста ниже рисунка:

<p> Как вы можете видеть, данная схема демонстрирует связь<BR CLEAR=left>

Мастер/Деталь </p>

Неразрывная строка <NOBR>

Если вы не хотите, чтобы браузер автоматически переносил строку, то вы можете обозначить ее тэгами <NOBR> и </NOBR>. В этом случае браузер не будет переносить строку даже если она выходит за нраницы экрана; вместо этого браузер позволит горизонтально прокручивать окно. Например:

<NOBR> Данная строка является самой длинной строкой документа, которая не допускает какого-либо разбиения где бы то ни было </NOBR>

Если же вы хотите все же позволить разбиение данной строки на две, но в строго запланированном месте, то вставьте тэг <WBR> в это место. Например:

<NOBR> Данная строка является самой длинной строкой документа,<WBR> которая не допускает какого-либо разбиения где бы то ни было </NOBR>

Данная строка является самой длинной строкой документа,которая не допускает какого-либо разбиения, где бы то ни было.

Список базовых тэгов HTML

Стартовый	Завершающий	Описание
<HTML>	</HTML>	Обозначение HTML-документа
<HEAD>	</HEAD>	Заголовочная часть документа
<TITLE>	</TITLE>	Заголовок документа
<BODY>	</BODY>	Тело документа
<H1>	</H1>	Заголовок абзаца первого уровня
<H2>	</H2>	Заголовок абзаца второго уровня
<H3>	</H3>	Заголовок абзаца третьего уровня
<H4>	</H4>	Заголовок абзаца четвертого уровня
<H5>	</H5>	Заголовок абзаца пятого уровня
<H6>	</H6>	Заголовок абзаца шестого уровня
<P>	</P>	Абзац
<PRE>	</PRE>	Форматированный текст
<BR>	Перевод строки без конца абзаца
<BLOCKQUOTE>	</BLOCKQUOTE>	Цитата

Описанные ранее тэги - это все, что необходимо вам для того, чтобы начать работать с HTML.

С использованием описанных тэгов вы можете создать простой HTML-документ. Однако, следующие разделы позволят вам существенно улучшить внешний вид ваших документов и опишут новые возможности HTML.

Тэги списков

Существует три основных вида списков в HTML-документе:

· пронуменрованный

· непронуменрованный

· список описаний

Вы можете создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от браузера. Более подробно смотри в разделе "Вложенные списки".

Пронумерованные списки

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

Пронумерованный список начинается стартовым тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>. Например:

<OL>

<LI> Программирование

<LI> Алгоритмизация

<LI> Проектирование

</OL>

1. Программирование

2. Алгоритмизация

3. Проектирование

Тэг <OL> может иметь параметры:

где:

TYPE

Вид счетчика:

o A - большие латинские буквы (A,B,C...)

o a - маленькие латинские буквы (a,b,c...)

o I - большие римские цифры (I,II,III...)

o i - маленькие римские цифры (i,ii,iii...)

o 1 - обычные цифры (1,2,3...)

START=n

Число, с которого начинается отсчет

Например:

<LI> Программирование

<LI> Алгоритмизация

<LI> Проектирование

</OL>

XVII. Проектирование

Непронумерованные списки

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

Пронумерованный список начинается стартовым тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>. Например:

<UL>

<LI> Программирование

<LI> Алгоритмизация

<LI> Проектирование

</UL>

· Программирование

· Алгоритмизация

· Проектирование

Тэг <UL> может иметь параметр:

Тип тэга <UL> определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:

<LI> Программирование

<LI> Алгоритмизация

<LI> Проектирование

</UL>

- Программирование

- Алгоритмизация

- Проектирование

Вложенные списки. Дадим пример вложенных списков:

<HTML>

<HEAD>

<TITLE> Списоксотрудников </TITLE>

</HEAD>

<BODY>

<H2> Список сотрудников нашей фирмы </H2>

<H3> Составлено: 30 июля 2004 года </H3>

<P>

<OL>

<LI> Дирекция

<UL>

<LI> Иванов И.И.

<LI> Петров К.В.

</UL>

<LI> Отдел маркетинга

<UL>

<LI> Борисов Е.Л.

<LI> Самсонов Д.М.

</UL>

</OL>

</BODY>

</HTML>

Вот, что вы увидите на экране браузера:

Список сотрудников нашей фирмы

Составлено: 30 июля 2004 года

Данный список содержит фамилии, имена и отчества всех сотрудников нашей компании.Список может быть использован только в служебных целях.1. Дирекцияo Иванов И.И.o Петров К.В.2. Отдел маркетингаo Варшавская Е.Л.o Самсонов Д.М.

Элемент списка <LI>

Тэг <LI> может иметь параметры:

в зависимости от того, в списке какого вида находится данный элемент.

TYPE

Вид маркера (см. <UL>) или счетчика (см.OL)

VALUE=n

Значение для элемента пронумерованного списка (его номер). Все дальнейшие номера элементов списка будут отсчитываться от этого номера.

Например:

<LI> Программирование

<LI TYPE=i VALUE=25> Алгоритмизация

<LI> Проектирование

</OL>

XVII.Проектирование

Список определений

Список определений начинается с тэга <DL> и завершается тэгом </DL>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом <DT> , а описание - тэгом <DD>. Например:

<DL>

<DT> <B> Отдел маркетинга </B>

<DD> Данный отдел занимается продвижением продуктов и услуг

<DT> <B> Финансовый отдел </B>

<DD> Данный отдел занимается всеми финансовыми операциями

<DT> <B> Отдел кадров </B>

<DD> Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.

</DL>

Отдел маркетингаДанный отдел занимается продвижением продуктов и услугФинансовый отделДанный отдел занимается всеми финансовыми операциямиОтдел кадровДанный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.

Гипертекстовые ссылки

Гипертекстовые ссылки являются ключевым компонентом, делающим WEB привлекательным для пользователей. Добавляя гипертекстовые ссылки (далее - ссылки), вы делаете набор документов связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно.

Ссылки имеют стандартный формат, что позволяет браузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки. Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например запрашивать файл по FTP-протоколу для отображения его браузером. URL может указывать на специальное место по абсолютному пути доступа, или указывать на документ в текущем пути доступа, что часто используется при организации больших структурированных WEB-сайтов.

Внимание! Вы можете использовать ссылки как для перемещения по документу, так и для перемещения от одного документа к другому. Однако, HTML не поддерживает возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь на ту часть документа, которую вы просматривали до этого.