Основы языка разметки гипертекста HTML. Списки на Web-страницах. - презентация

1 Основы языка разметки гипертекста HTML

2 Списки на Web-страницах

3 Виды списков Нумерованные Маркированные Списки терминов (как в словаре) Вложенные списки

4 4 Нумерованные списки Нумерованный список начинается стартовым тэгом и завершается тэгом. Каждый элемент списка начинается с тэга. Например: Программирование Алгоритмизация Проектирование 1.Программирование 2.Алгоритмизация 3.Проектирование

5 5 Тэг может иметь атрибуты: TYPE – тип нумерации A - большие латинские буквы (A,B,C...) a - маленькие латинские буквы (a,b,c...) I - большие римские цифры (I,II,III...) i - маленькие римские цифры (i,ii,iii...) 1 - обычные цифры (1,2,3...) START - число, с которого начинается отсчет Например: Программирование Алгоритмизация Проектирование XV.Программирование XVI.Алгоритмизация XVII.Проектирование

6 6 Ненумерованные списки Ненумерованный список начинается стартовым тэгом и завершается тэгом. Каждый элемент списка начинается с тэга. Например: Программирование Алгоритмизация Проектирование Программирование Алгоритмизация Проектирование

7 7 Тэг может иметь атрибуты: TYPE - внешний вид маркера по умолчанию (disc), круглый (circle) квадратный (square) Например: Программирование Алгоритмизация Проектирование Программирование Алгоритмизация Проектирование

8 8 Список терминов Список определений начинается с тэга и завершается тэгом. Данный список служит для создание списков типа "термин"-"описание". Каждый термин начинается тэгом, а описание - тэгом. Например: Отдел маркетинга Данный отдел занимается продвижением продуктов и услуг Финансовый отдел Данный отдел занимается всеми финансовыми операциями Отдел кадров Данный отдел занимается учетом и набором новых сотрудников фирмы, распределением отпусков, отслеживанием больничных листов и т.д.

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

10 10 Вложенные списки Рассмотрим пример вложенных списков: Список сотрудников Список сотрудников нашей фирмы Составлено: 30 июля 2012 года Дирекция Иванов И.И. Петров К.В. Отдел маркетинга Варшавская Е.Л. Самсонов Д.М.

11 11 Вот, что вы увидите на экране браузера: Список сотрудников нашей фирмы Составлено: 30 июля 2012 года 1. Дирекция Иванов И.И. Петров К.В. 2. Отдел маркетинга Варшавская Е.Л. Самсонов Д.М.

12 Домашнее задание § – тэги наизусть; вопросы (с.114, 115, 116, 118,119,120)