slogin.info

ihc 468x60 1 1
Звезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активнаЗвезда не активна0 / 5
 
Автор: Администратор
Просмотров: 504
Теги: html, ul li, список, list

В этой статье мы расскажем о том, как сделать многоуровневый список, или другими словами - вложенный.

Ни для кого не секрет, что за создание списков отвечают три тэга <ul>, <ol>, <li>. Где первый два отвечают за тип списка: <ul> - маркированный, <ol> - нумерованный, а тэг <li> создает новый пункт списка.

Вот как выглядит код простого маркированного списка:

<ul>
	<li>Первый пункт</li>
	<li>Второй</li>
	<li>Третий пункт</li>
	<li>Четвертый пункт</li>
</ul>

А вт как это выглядит на странице:

  • Первый пункт
  • Второй
  • Третий пункт
  • Четвертый пункт

Целью же этого урока будет помощь в создание такого списка:

  • 1
    • 1.1
    • 1.2
      • 1.2.1
      • 1.2.2
    • 1.3
  • 2
  • 3
  • 4

Это и называют многоуровневым или вложенным списком. Чтобы добавить вложенный список необходимо соответствующему пункту <li> добавить код нового списка и так далее.

Вот как будет выглядеть код списка, показанного выше:

<ul>
	<li>1
		<ul>
			<li>1.1</li>
			<li>1.2
				<ul>
					<li>1.2.1</li>
					<li>1.2.2</li>
				</ul>
			</li>
			<li>1.3</li>
		</ul>
	</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>

Добавить комментарий

Авторизоваться с помощью:

     


Защитный код
Обновить

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • intuit89
    6.00
  • Varvarka
    4.00
  • ZOMRO
    3.20
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Похожие материалы

Языки программирования сайтов

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

Теги:

css, html, javascript, php, веб

Комментариев: 0 Подробнее
Основы HTML. Урок №1. Как создать HTML документ?

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

Теги:

html, document, file

Комментариев: 0 Подробнее
Основы HTML. Урок №2. Структура страницы.

Продолжаю цикл статей, посвященный изучению основ HTML и это второй урок, в котором я расскажу вам о базовой структуре HTML странички и тут же мы поговорим о тегах.

Теги:

html, title, body, head

Комментариев: 0 Подробнее
Основы HTML. Урок №3. Некоторые теги тела документа.

Это третья статья, в цикле изучения основ HTML и в ней я расскажу вам о некоторых тегах, который используются в теле документа.

Теги:

html, tags, img, tag, div

Комментариев: 0 Подробнее

Последнее с форума

Urii-Polyakov-odnoklassniki аватар
Мы – команда разработчиков, дизайнеров и SEO-специалистов, которая любит свое дело и умеет создавать...
Перейти в тему
ZOMRO аватар
Оптимальные VDS/VPS Это сбалансированное предложение в соотношение цена-качество-количество ресурсо...
Перейти в тему
ZOMRO аватар
Скидка 50% на первый месяц Хотите получить уникальную скидку 50% на первый месяц пользования нашим ...
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

В этой статье мы рассмотрим простой и обычный способ создания ссылки на телефон.

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.