- •1. Содержание:
- •1. Html - введение
- •2. Основные положения
- •3. Как создаются html документы?
- •4. Структура документа
- •6. Тэги тела документа
- •7. Список базовых тэгов html
- •8. Тэги списков
- •9. Гипертекстовые ссылки
- •10. Графика внутри html-документа
- •11. Добавление стилей в html документ
- •12. Специальные тэги html
- •13. Html формы
- •13.1. Синтаксис форм
- •13.2. Тэги формы
- •13.3. Меню выбора в формах
- •13.4. Отправление файлов при помощи форм
- •14. Html фреймы
- •14.1. Синтаксис фреймов
- •14.5. Планирование фрэймов и взаимодействия между фрэймами
- •15. Создание карты изображений
- •16. Html таблицы
- •Основные тэги таблицы
- •Основные атрибуты таблицы
- •Пример таблицы
- •17. Обзор
- •18. Разбор данных html-форм
- •19. Вызов cgi программ
- •19.1. Командная строка
- •19.2. Метод вызова
- •19.3. Cgi файл данных
- •19.4. Секция [cgi]
- •19.5. Секция [Accept]
- •19.6. Секция [System]
- •19.7. Секция [Extra Headers]
- •19.8. Секция [Form Literal]
- •19.9. Секция [Form External]
- •19.10. Секция [Form Huge]
- •19.11. Секция [Form File]
- •19.12. Пример декодированных значений формы
- •19.13. Обработка результата
- •19.14. Специальные строки заголовка
- •19.15. Другие заголовки
- •19.16. Прямой возврат
- •20. Оптимизация графики для Web
- •21. Основы css
- •22. Практическое освоение css
- •23. Свойства элементов, управляемых с помощью css
7. Список базовых тэгов 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.
8. Тэги списков
Существует три основных вида списков в HTML-документе:
нуменрованный
маркированный
список описаний
Вы можете создавать вложенные списки, используя различные тэги списков или повторяя одни внутри других. Для этого просто необходимо разместить одну пару тэгов (стартовый и завершающий) внутри другой. Будут ли элементы вложенного списка иметь те же маркеры, обозначающие элемент списка - зависит от броузера. Более подробно смотри в разделе "Вложенные списки".
Пронумерованные списки
В пронумерованном списке броузер автоматически вставляет номера элементов по порядку. Это означает, что если вы удалите один или несколько элементов пронумерованного списка, то остальные номера автоматически будут пересчитаны.
Пронумерованный список начинается стартовым тэгом <OL> и завершается тэгом </OL>. Каждый элемент списка начинается с тэга <LI>. Например:
<OL> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование </OL>
Программирование
Алгоритмизация
Проектирование
Тэг <OL> может иметь параметры:
<OL TYPE=A|a|I|i|1 START=n>
где:
TYPE
Вид счетчика:
A - большие латинские буквы (A,B,C...)
a - маленькие латинские буквы (a,b,c...)
I - большие римские цифры (I,II,III...)
i - маленькие римские цифры (i,ii,iii...)
1 - обычные цифры (1,2,3...)
START=n
Число, с которого начинается отсчет
Например:
<OL TYPE=I START=15> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование </OL>
Программирование
Алгоритмизация
Проектирование
Непронумерованные списки.
Для непронумерованных списков броузер обычно использует маркеры для пометки элемента списка. Вид маркера, как правило, настраивает пользователь броузера.
Маркированный список начинается стартовым тэгом <UL> и завершается тэгом </UL>. Каждый элемент списка начинается с тэга <LI>. Например:
<UL> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование </UL>
Программирование
Алгоритмизация
Проектирование
Тэг <UL> может иметь параметр:
<UL TYPE=disc|circle|square>
Тип тэга <UL> определяет внешний вид маркера как вид по умолчанию (disc), круглый (circle) или квадратный (square). Например:
<UL TYPE=square> <LI> Программирование <LI> Алгоритмизация <LI> Проектирование </UL>
Программирование
Алгоритмизация
Проектирование
Вложенные списки
Дадим пример вложенных списков:
<HTML> <HEAD> <TITLE> Список сотрудников </TITLE> </HEAD> <BODY> <H2> Список сотрудников нашей фирмы </H2> <H3> Составлено: 30 июля 2006 года </H3> Данный список содержит фамилии, имена и отчества всех сотрудников нашей компании. <P> Список может быть использован только в служебных целях. </P> <OL> <LI> Дирекция <UL> <LI> Иванов И.И. <LI> Петров К.В. </UL> <LI> Отдел маркетинга <UL> <LI> Варшавская Е.Л. <LI> Самсонов Д.М. </UL> </OL> </BODY> </HTML>
Вот, что вы увидите на экране броузера:
Список сотрудников нашей фирмы Составлено: 30 июля 2006 года Данный список содержит фамилии, имена и отчества всех сотрудников нашей компании. Список может быть использован только в служебных целях. II. Дирекция
Отдел маркетинга
|
Элемент списка <LI>
Тэг <LI> может иметь параметры:
<OL TYPE=disc|circle|squade> или <OL TYPE=A|a|I|i|1 VALUE=n>
в зависимости от того, в списке какого вида находится данный элемент.
TYPE
Вид маркера (см. <UL>) или счетчика (см.OL)
VALUE=n
Значение для элемента пронумерованного списка (его номер). Все дальнейшие номера элементов списка будут отсчитываться от этого номера.
Например:
<OL TYPE=I START=15> <LI> Программирование <LI TYPE=i VALUE=25> Алгоритмизация <LI> Проектирование </OL>
Программирование
Алгоритмизация
Проектирование
Список определений
Список определений начинается с тэга <DL> и завершается тэгом </DL>. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом <DT> , а описание - тэгом <DD>. Например:
<DL> <DT> <B> Отдел маркетинга </B> <DD> Данный отдел занимается продвижением продуктов и услуг <DT> <B> Финансовый отдел </B> <DD> Данный отдел занимается всеми финансовыми операциями <DT> <B> Отдел кадров </B> <DD> Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д. </DL>
Отдел маркетинга Данный отдел занимается продвижением продуктов и услуг Финансовый отдел Данный отдел занимается всеми финансовыми операциями Отдел кадров Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д. |