Программирование с нуля с чего начать? Web разработка Урок 6 Списки

Автор Andrei Golubev
Программирование с нуля   с чего начать? Web разработка  Урок 6  Списки

следующий вид HTML элементов которые мы рассмотрим — это списке список по-английски лист существует два вида списков в HTML ordered List он пишется по-английски.

Вот так вот и переводится как упорядоченный список и on Order List. Что означает неупорядоченный список для чего я написала эти два названия здесь я написал их для того чтобы вам стало понятно. Откуда происходит название тигра.

Ну давайте для начала разберем подарок лист такое подарок лист лист — это запись такого типа например.

Мы хотим записать типы транспортных средств запишем пусть будет автомобиль. Крым пусть будет байк 3 трек грузовик. Давайте теперь сохраняем файл и обновим страницу и как вы наверное догадались всё отобразилось в одной строки мы могли бы использовать теги для перехода на другую на новую строку были итоги параграфов чтобы отображать. Каждый элемент списка. С новой строки новая HTML есть специальный Element List для такого вида отображения текста и записывается следующим образом открываем тиг и пишем. О Л. Что означает по первым буквам от каждого слова лист упорядоченный список и далее внутри этого списка внутри этого тега нам нужно указать элементы этого списка элемент по-английски этом поэтому — это так называется. Эллаи list Python элемент списка. И доля внутри этого элемента списка мы добавляем нужный текст. Точно также мы отображаемым. Каждый элемент списка. Давайте уберём этот лишний текст сохраним наш файл и перезагрузить страницу и как вы видите список отобрази лся форме упорядоченного. СПб с номерами хотя мы их не указали явно и второй вид списка аноду лет лист. Он идентичен практически первому поэтому. Давайте Скопируй и мы поставим его здесь. Но так как здесь первая буква. Ю здесь вместо Oil стоит Will A node Red List структура list Items точно такая же как и я подарок лист. Сохрани мы посмотрим как — это выглядит на веб-странице и вы видите здесь так называемый Bullet Points круглые жирные. Точки которые применяются в не упорядоченном списке также как мы применяли различные теги форматирования текста параграфа. В Мы также можем их применять и внутри элементов списка то есть мы можем сделать например элемент кар Strong поместить его теги Strong и он отображается жирным текстом в этом случае этот элемент на. Байкале мент на можем поместить теги и. ММХ сайт и он отображается курсивом ещё один момент — это то, что мы можем помещать внутрь элемента дополнительный список например в нашем элементе трак грузовик мы можем поместить ещё один список — это делается. Таким образом мы поместить здесь например упорядоченный список ой то есть точнее неупорядоченная node-red лист и здесь мы опять же указан списка этого уже неупорядоченного списка например название грузовика Man и второй. Давайте например Mercedes. Давайте сохраним по обновить страницу и вы видите он отображается немного сдвину там этот список подписок. Нона node-red так как он в тайге юлы также дальше мы можем продолжать вкладывать списке мы можем например в элементе Mercedes мы можем поместить например цвета автомобилей имеющихся в наличии. Давайте их укажем для разнообразия водоросли порядочном списке опять же записываем сюда элементы и пишем знач например Black и второй элемент например пусть будет сила. Давайте посмотрим как — это выглядит и вы видите здесь отображаются ещё один под список ещё один момент — это то, что мы можем менять способ упорядочивания водород листе. Давайте добавим ещё пару элемента для наглядности например. Ред и. Блу пусть будет. И теперь здесь мы можем указать атрибут Type упорядочивание и здесь например написать маленькую букву, а и. Давайте сохраним файл. И обновим как вы видите этот список теперь упорядочен при помощи маленьких римских чисел если мы укажем здесь большую букву, а то эти числа римские будут большими и точно так же мы можем упорядочивать при помощи букв например указал маленькую букву, а мы можем упорядочивать упорядочивать при помощи маленьких букв, а и большое позволяет нам упорядочивать помощи больших букв ещё один атрибут о котором я хочу рассказать водород листе — это стартовое значение с которого мы хотим начать нумерацию. Ну давайте например начнем нумерацию номера для этого пишем. Старт атрибут и здесь пишем число 7 и отображается нумерация 7 номера и далее последовательно в списке довольно-таки часто используются при создании web-страниц. И поэтому — это очень важно знать как их создавать.

0 комментариев
0

Читайте также