HTML для начинающих - #3 - Списки

Освой профессию frontend-разработчика за 6 месяцев и становись востребованным IT-специалистом со знанием топовых технологий и 5 крутыми проектами в портфолио:
loftschool.com...
Темой этого урока я выбрал списки. В верстке сайтов и веб приложений списки имеют одно из важнейших значений. В HTML существует несколько разновидностей списков. С ними я познакомлю вас в этом скринкасте.
Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogHTML
Полезные уроки для веб-программиста: #вебпрограммист
#HTML
______________________________
Понравилось?
ГДЕ С НАМИ ПООБЩАТЬСЯ
⚡️Школа онлайн-образования: loftschool.com/
⚡️Telegram Loftblog: t-do.ru/loftblog
⚡️Telegram IT-обучение: t-do.ru/it_loft
⚡️Группа вконтакте: loftblog
Поставь лайк! Больше лайков - лучше выпуски :)

[@M_Ilyin]

это unordered list - не упорядоченный список ordered list - упорядоченный список list item - элемент списка

[@beardedghinzu]

спасибо

[@kret.1214]

Спасибо!

[@GR1D4N]

👌

[@kostya1306]

Все правильно. Я бы еще порекомендовал автору послушать на google translate, как правильно произносятся те или иные слова!

[@ihorstepanov7961]

благодарю

[@ЛюдмилаТюрикова-ш7ю]

Мне очень нравится как автор видео подает уроки. Прям здорово!

[@РустамИсунов]

Спасибо Павел. Всё объясняете предельно доступно.

[@dennykolesnikov]

- description list / дескрипшен лист (список с описаниями) - description term / дескрипшен тёрм (заголовок описания) - desctription definiton / дескрипшен дефинишен (определение описания)

[@markusnotfound3007]

подскажите, как написать чтобы добавилась иконка верху в вкладке сайта? ссылку на нее я укажу

[@GAMElands-ir1mx]

Также,ты не сказал,что списки можно заключать в списки)) Например Номер 1

[@korea_one_life_fmv9882]

у вас 2 скобки перед закрывающим тегом

[@NikitaShaura]

Нормальные, понятные и простые уроки

[@tehlink5555]

Обожаю этот канал.парень хорошо объяснил.

[@ВсеволодЖицкий]

Спасибо большое, вы очень хорошо объясняете. Какие бы чужие видео не смотрел в интернете, было не понятно, а у вас почти сразу все начал понимать.

[@ivanko_fr]

+BogDeising Online Почти?))

[@ВладиславБрагуца-ц9м]

Хороший подход к обучению!!! Овации вам стоя.

[@polinakochetkova6700]

Спасибо Вам! Очень полезный блог!

[@foqerzf8675]

Про горячие клавиши в Sublime'е расскажи

[@lookatthissasha4978]

Всё понятно и доступно объяснил. Молодец! Спасибо :)

[@guccigang2170]

Начал учить HTML . Всё норм , всё ясно и понятно !!! Ты лучший !!! Лайк под каждым видео и подписка )))))))

[@niqwer477]

ну как успехи? я тоже начал но не понимаю есть ли смысл от этого?

[@maestro3579]

Всё хорошо, но мне очень жаль твою клавиатуру. Не бей так по клавишам =)

[@diemon_bil]

Просто супер, делаю всё за тобой!

[@Rom4ikmegachel]

Для новичков самое то. Все доступно и интересно!

[@Oksana_Bon]

Павел, спасибо большое за эти уроки!)

[@Жу-жук]

Спасибо, Павел.

[@Площадкавыходногодня]

Очень хорошо объясняете!

[@hochyidelau]

лучший учитель ))

[@TheBranka211]

Спасибо большое, начал учить по вашим урокам. Пока всё нравится.

[@максальберг]

очень понравились твои уроки!

[@НадеждаРыбакова-с5т]

Большое спасибо

[@kostyakiptilyi7201]

Спасибо за понятность!!!

[@47syorha52]

Супер план, пойду реализовывать!!!

[@1lyagaiv]

Спасибо огромное помог,готовлюсь для поступление помог повторить)))Красавчик,Умница

[@loftblog]

Спасибо, что смотрите нас.)

[@sabex.2685]

Бедная клавиатура, ей так больно наверно.

[@xlebza0928]

Не бей так сильно по клавиатуре! так можно ее сломать.

[@Grobotron]

@@xlebza0928 да

[@craftindastris5135]

Очень класный обучения мне понравилось

[@madonnabessi3038]

Спасибо

[@что-то-щ4е]

Спасибо большое лавки

[@АфанасийПолено]

Примного благодарен за ценный урок. Былобы многократно лучше еслиб к теоритической части прикладывалось практическое задание :) p.s. Теория изложена великолепно, просто лениво самому искать практические задания под конкретную тему :)

[@Анатолий-д8ш4я]

Практическое задание: После просмотра видео построить 3 вида списка из своей памяти. Если не получится, смотрите урок ещё раз.

[@niqwer477]

выполнил учитель

[@5asiyablog718]

Спасибо за уроки очень круто))

[@евгенийбатухтин-ф8в]

спасибо Павел!

[@ИванВерховой]

Спасибо, Павел. Лайк

[@roger4579]

круто объяснил!!спасибо))

[@loftblog]

Спасибо)

[@DaNEkdan1900]

а как сделать это предложение на одной строчке? моёрасписание:

[@Scretch7000]

h1 тэги убери, они не нужны.

[@Алега-х3т]

Огромное спасибо, обычно я сразу закидываю , но вы очень доступно объясняете .

[@loftblog]

Спасибо, рады, что вам понравилось)

[@figma5939]

спасиба по урок

[@РомаЕнотов-э8ч]

Я думаю в качестве продукта проекта, ты возможно показал это видео)

[@madinaziyadova9935]

Привет. Спасибо большое за упрощенную версию для восприятия. Могу ли я попросить Вас ,когда пишите тэги ,писать крупнее ,потому что оч мелко ,мне не видно?

[@JoeGresko]

Спасибо огромное!

[@коляткач-в5с]

топовые гайды :) лучший

[@АндрейГоловко-н6ч]

спасибо очень помогло разобраться

[@sid_kompy]

на видео ошибка на 3:15 вместо tipe нужно type на это не проблема видео класс мне очень нравится автору лайк

[@bestmoment1650]

Спасибо за урок)

[@Evgeny..]

Спасибо за видео! Молодец)))

[@МагомедЗападный]

ваще респект давай еще видео заливай

[@mathwithruben]

Отлично!!!

[@blackgrungeboy7708]

Супер!!!

[@miniRubick]

СПАСИБО

[@mannas273]

рахмат

[@АртурГафинец]

С чувством юмора )

[@АхмедГусейнов-з6ч]

всё бомба

[@tanyakazanceva1087]

А в Notepad++ есть такие сочетания клавиш для быстрой замены нужных тегов?

[@НатанМамалыга]

класное видео мне очень помогло спасибо

[@hasdas161]

Павел у вас круто получается выделять крайние символы сразу в нескольких строках!! как это делается? расскажите!!

[@lidiiasharova]

Вы узнали?)))) поделитесь)

[@ilya_kabanov]

Какие горячие клавиши заменяют текст готовым форматированным тегом в Sublime Text 2:29 ?

[@avent1586]

если ты узнал то скажи?

[@mikhailkultizfamily8211]

Как ты комбинируешь клавиши для быстрого ввода,запиши урок про сочетание клавиш

[@tagirvaleev7148]

установи emmet, посмотри видеоурок на канале

[@Robert-wf7ij]

А для тега ul можем type поставить иконка?

[@pypchenkoboris]

Respect !

[@alternativ1052]

Ещё узнать бы как в Нотпаде так же быстро выбрать одновременно все нужные теги для переименования, чтоб каждый не тыкать??!!

[@r1ngo078]

НЕ ТЫКАТЬ?!!!

[@Evangalie]

НЕ ТЫКАТЬ !

[@ВикторРоманюк-е5й]

НЕ ТЫКАТЬ!!!

[@audio_agency]

ТI НЕ ТIКАЙ

[@alternativ1052]

Ответ найден, "Sublime Text 3" всем в помощь

[@FloridaHandymanService]

не хватило живого примера как во втором видео с примером чег-то реального. А так все Спасибо)))

[@МагомедЗападный]

а сними обучалку по css

[@НиколайАндрущенко-ж1ю]

А как использовать вместе два атрибута? Например: вместе с start="C" ... Или с числовой нумерацией такое невозможно?

[@СержКот-о2ъ]

Очевидно жи есть!) , старт пишем цифрой с которой хотим начать , в данном примере букве С присваивается значение 3

[@skiwatch]

Не плохо..)

[@Escanor-dt9pc]

Пишу вот так: пункт первый и .д. Но у меня в браузере показывает вот так: ����������. (Пишу в блокноте). Почему?

[@dowellkin]

+Tootty Hamon убери строку meta

[@Escanor-dt9pc]

Хорошо попробую.

[@mineshow6328]

Спасибо тебе большое)) Все получается)) Держи лайк и подписку

[@ЛаураКим-ц4э]

Какой ноутбук купить ,что бы с нуля учиться Html и дальше ???

[@rayfip]

Чотка

[@annomarica5413]

При смене одного тега из списка как сделать, чтобы поменялись и все остальные? Думала в sublime это автоматически идет, но у меня что-то нет:/

[@БогданОвчаров-я7ы]

класс

[@ralphlauren7118]

отображается на самой странице, а не во вкладке, хоть и находится он внутри тега Как решается данная проблема?

[@andreyandrey9691]

Ты его закрыл? Страница HTML (мало ли..)

[@alexey3295]

если б он его не закрыл то ему бы не отображалось вообще

[@scalboi4713]

Скорее всего не закрыл "UTF-8">

[@НатальяАббасова-ъ2д]

Прошу помощи, может не по теме, но можете ли раскодировать файлы XTBL шифраторы? К сожалению не могу их вставить, т. к. они не копируются

[@dimayar1938]

Павел я работаю в visual studio2013 и когда вписал то под словом type красная линия и написано unknow atribute 'type'. как решить проблему? видимо что-то не правильно.

[@СтудияКравец]

зайди на htmlbook.ru оказывается disc a не disk пишется

[@andrewgrayson5835]

Мне нужно поменять цвет фона вокруг списка, в том числе вокруг маркера, но когда я в css делаю это через background-color, вокруг маркера фон не меняется. Как это исправить?

[@beksun9290]

Всем привет, подскажите как составить списки с цветными шрифтами

[@dmytrodev4631]

Все получилось на notepad++. У меня вопросы насчет удобства. Как у вас получает вставлять тэги с закрытием вокруг слова или фразы? А то по отдельности cntrl C и cntrl V не удобна и медленно.

[@loftblog]

Это Emmet. У нас есть урок на эту тему на канале

[@yngyhwach]

Спасибо))))(

[@vladyslavaxelrod7224]

жаль, что фоновую музыку убрал ;(

[@chipchik4764]

сделай видео про то как настраивать программу для написания html сайтов

[@ПолныйприводПодборкаДТППогоньП]

Проблема возникла, раньше делал все в кодировки выводил на браузер и была страница, а теперь вывожу на браузер и та же самя кодировка как это исправить?

[@dezz1903]

почему у меня знаки вопроса в ромбиках

[@vangog6556]

как расположить страницу в центре

[@den8790]

там на слайде с type во втором примере было написано tipe

[@lizzynikolaeva2797]

подскажите, как можно сделать кнопку внутри кнопки? то есть например : пирожки-нажимаем-пирожки с вишней, пирожки с малиной, пирожки с картошкой и потом при нажатии на определенный вид пирожков получить рецепт? надеюсь понятно спросила) п.с. я баба, поэтому пример про пирожки

[@fuiarovskii]

Мужчины тоже любят пирожки ;)

[@Juan-zw8hy]

а я люблю вареники :)

[@paco5344]

Понятно вы ей обьяснили

[@tatsianakedrova5460]

А я думала, что ты девушка... а оказывается, что баба

[@oleksandrkhyzhniak8338]

В презентации ошибка малость - не tipe ="circle", а type="circle". Спасибо за урок!)

[@GAMEONLINE-vu9jl]

fuuuuuuul prosto kruto

[@fernandfailen4291]

Спасибо за курсы! Но ты так сильно, по клавишам стучишь. Что аж в уши отдает) В следующих курсах если можно потише.

[@goman3733]

а как открыть свой сайт

[@taizob750]

прикольна

[@pavelsokolov4190]

А как же рассказать о вложенном списке? Также, нужная вещь.

[@СалихВалиулин]

Почитайте этот список 1:17 😂😂😂

[@simedward0903]

на какой программе это написано? не notepad++

[@simedward0903]

+Egorus G спасибо

[@SwadyamI]

+Egorus G у меня какие-то траблы с подсветкой синтаксисов. Каждый раз приходится нажимать шифт контрл Р и выбирать

[@КулачинськийД.С.4381]

найс по клаве бьешь

[@OneLove0]

Чего ты по этой клавиатуре стучишь то так?

[@qristinrpoghosyan3759]

Как сделать красивый сайт как например ВК

[@pnt7791]

Голос как у зека

[@leroyjenkis-s1y]

Всем привет подскажите как сделать "Список определения" в таком виде к примеру: 1 опредиление 1.2 описание опредиления 2.оприделиние 2.1 описание. и тд интирусует как прописать 1.2 и 2.1 заранее извиняюсь,если вопрос глупый...так как только начинаю учить

[@MMN-pc8zl]

+Олег Милев 1 Определение 1.2 Описание определения 2 Описание 2.1 Описание определения

[@leroyjenkis-s1y]

Я уже разобрался,но всеравно спасибо!)

[@bunnypanny]

+Мастер класс-рисование. Number one 1,1Number one.one Number two 2,1Number two.one Number three 3,1Number two.one

[@DiscoveryOfNorthCyprus]

Как переходить на свой сайт???

[@goldexperience963]

Разрешение файла должно быть html и потом его можно будет открыть с помощью браузера

[@ВикторРоманюк-е5й]

что со звуком? они вообще прослушивают свои видеоуроки после записи и перед выкладыванием?

[@maridat47]

А что, если мы скопируем html-код какой-нибудь страницы и поместим его в этот файл а потом откроем? Пойду проверять)))