Работа в сети интернет - возможность хорошо зарабатывать...

Главная | Регистрация | Вход
Четверг, 28.03.2024, 20:21
Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
HTML учебник [12]
Java Script учебник [1]
CSS учебник [2]
PHP учебник [1]
Главная » Статьи » Учебники » HTML учебник

HTML списки. Урок 8

HTML списки

 

«HTML списки» – восьмой урок учебника HTML. В этом уроке мы обсудим вопрос создания и форматирования HTML списков.


В языке HTML существует три вида списков: упорядоченные, неупорядоченные и списки определений. Именно об этих видах списков и пойдет речь в сегодняшнем уроке.



Упорядоченные HTML списки.

Для создания упорядоченного html списка используется тег <ol>. Все элементы из этого списка должны быть расположены в контейнере <li></li>.

У тега <ol> существуют следующие атрибуты: start – определяет первое число построения списков и type – задает стиль нумерации списков и может принять следующие значения:

  • "A" – большие заглавные буквы (A, B, C ...)
  • "a"  – малые буквы (a, b, c ...)
  • "I"  – большие числа римского алфавита (I, II, III ...)
  • "i"  – малые числа римского алфавита (i, ii, iii ...)
  • "1" – простые числа арабского алфавита (1, 2, 3 ...)

Небольшой пример:



<p>Упорядоченный список:</p><br> <ol>
<li><p>элемент 1</p></li>
<li>элемент 2</li>
<li>элемент 3</li>
</ol>

    Упорядоченный список:


    1. элемент 1

    2. элемент 2
    3. элемент 3


Внутри элементов списка можно размещать любой другой элемент, например элемент параграфа как это показано в примере.


Не трудно догадаться, что вложенность списков второго, третьего и т.д. уровней тоже поддерживается:



<p>Многоуровневый список <p>
<ul>
<li>элемент 1</li>
<ol>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ol>
<li>элемент 2</li>
<ol>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ol>
<li>элемент 3</li>
<ol>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ol>
</ul>
  • элемент 1
    1. элемент 1
    2. элемент 2
    3. элемент 3
  • элемент 2
    1. элемент 1
    2. элемент 2
    3. элемент 3
  • элемент 3
    1. элемент 1
    2. элемент 2
    3. элемент 3

Неупорядоченные HTML списки.

 Различие между ненумерованными списками и нумерованными в маркировке различными символами.

Для создания ненумерованного списка используется элемент разметки <ul>. Как и в случае с нумерованными списками каждый элемент списка располагается в контейнере <li></li>.

 


<p>Неупорядоченный список:</p>
<ul>
<li>элемент 1</li>
<li>элемент 2</li>
<li>элемент 3</li>
</ul>

Неупорядоченный список:

  • элемент 1
  • элемент 2
  • элемент 3

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

Списки определений как и фреймы используются  крайне редко  потому  мы просто обсудим способ их построения не  заостряя  на них  внимание.

 

Список определений начинается с тега <dl>. Каждый термин списка определений начинается с тега <dt>, а каждое новое определение – с тега <dd>.


HTML списки позволяют структурировать информацию на странице. Списками часто пользуются для проектирования меню навигации.

В следующем уроке мы поговорим о создании форм в HTML. Формы способны повысить функциональность сайта и выводить полезную информацию в любой его части при помощи  языков программирования, таких как PHP и JavaScript.

• Желаете перейти к изучению 9 урока: HTML формы




Источник:
Категория: HTML учебник | Добавил: Т_е_н_ь: (11.09.2012)
Просмотров: 454

Обратите Ваше внимание на другие статьи:

 ПОНРАВИЛАСЬ СТАТЬЯ!? ХОТИТЕ ПОДЕЛИТЕСЬ С ДРУЗЬЯМИ:



Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Онлайн радио
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Посетившие за день
[ Полный Список ]




 ZaroBOTAK.uCoz.ru | Copyright © 2012| Все права на сайт принадлежат Красникову Максиму | Бесплатный хостинг uCoz
Копирование материалов без указания активной ссылки на //zarobotak.ucoz.ru строго запрещено.