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

3070 ratings | 164132 views


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

Пройди БЕСПЛАТНО профориентацию в IT - Темой этого урока я выбрал списки. В верстке сайтов и веб приложений списки имеют одно из важнейших значений. В HTML существует несколько разновидностей списков. С ними я познакомлю вас в этом скринкасте. Смотрите курс Основы CSS : Школа онлайн-образования: Telegram: Slack: Сайт: Instagram: Группа вконтакте: Facebook: Twitter: Больше уроков от lofblog: loftblog Все уроки по хештегу: loftblogHTML Полезные уроки для веб-программиста: вебпрограммист HTML Поставь лайк - смотивируй автора писать еще :)

Comments to the video: HTML для начинающих - #3 - Списки

Салтанат Оралова 1 month ago
благодарю вам огромное весьма посодействовали)
Ruedi Otto 1 month ago
Павел, огромное вам благодарю!
Turkish Aliance 2 months ago
Супер план, пойду реализовывать!!!
yurgik 2 months ago
У него там type,tipe,type
Иван Лебедев 2 months ago
Спасибо огромное, начал обучать по вашим урокам. Пока всё нравится.
Любовь Ипатова 3 months ago
я самы1 свежайший
SURVIVALS & 4 months ago
Господи боже!Зачем этак по клавиатуре лупить?!
Neko P1xel 4 months ago
Спасибо))))(
Сенька :3 6 months ago
СПАСИБО
Андрей Головко 7 months ago
благодарю весьма посодействовало разобраться
Михаил Ильин 7 months ago
<ul> это unordered list - не упорядоченный перечень <ol> ordered list - упорядоченный перечень <li> list item - элемент перечня
EPOCALYPCE. COM 7 months ago
Обожаю этот канал.юноша отлично растолковал.
Gucci Gang 7 months ago
Начал обучать HTML. Всё норм , всё ясно и понятно !!! Ты наилучший !!! Лайк под каждым видео и подписка )))))))
Анатолий Михайлов 7 months ago
Чотка
Astana Kazakhstan 8 months ago
Что 2000 ученика уже нету на 3-ий задание
5 Asiya BLOG 8 months ago
Спасибо за уроки весьма круто))
Ruben Sargsyan 9 months ago
Отлично!!!
Youra Mezhdoyan 10 months ago
14-Dislike From another blogers ))) которые не могут обучить других.
Богдан Овчаров 10 months ago
класс
Boris Kirpet 11 months ago
Respect !
DenC Программирование 1 year ago
там на слайде с type во втором примере было написано tipe
Адель Шакиров 1 year ago
Я тебя умоляю,вовек этак не трескай по Enter,весьма раздражает
Sa6ex 1 year ago
Бедная клавиатура, ей этак больно наверное.
Mko Hovhannisyan 1 year ago
Чего ты по этой клавиатуре стучишь то этак?
Денис Коляка 1 year ago
circle - циркл! Буду знать. Сюда напишите это слово и послушайте выговор: translate.google.com/?hl=ru
Денис Коляка 1 year ago
Смотри лучше уроки Евгения Попова, там лучше всё рассказывается!
Денис Коляка 1 year ago
Дальше в CSS анлийский стиль попросту нужен, и правильное выговор тоже, убейся)
Duvi 23 1 year ago
Тут учат html, а не британский, убейся)
Илья Кабанов 1 year ago
Какие жаркие кнопки подменяют текст готовым форматированным тегом в Sublime Text 2:29 ?
DAG art boy 1 year ago
что со звуком
Рома Кабанов 1 year ago
Для новичков самое то. Все доступно и любопытно!
Ralph Lauren 1 year ago
<title> отображается на самой страничке, а не во вкладке, хоть и находится он снутри тега <head> Как решается данная неувязка?
drscalboy 2 months ago
Скорее итого не закрыл UTF-8 >
Алексеус 8 months ago
если б он его не закрыл то ему бы не отображалось вообщем
Andrey Andrey 1 year ago
Ты его закрыл? <title>Страница HTML</title> (не достаточно ли.)
Qristinr Poghosyan 1 year ago
Как сделать прекрасный веб-сайт будто к примеру ВК
Tasha Gilmore 1 year ago
А в Notepad++ кушать такие сочетания кнопок для резвой подмены подходящих тегов?
Денис Коляка 1 year ago
кушать определённый плагин, погугли Плагин для Notepad++ emmet
Van Gog 1 year ago
будто разместить страничку в центре
Денис Коляка 1 year ago
если желаете разместить текст в центре для этого нужен тэг <center>. Пример: <center>My first website</center>
denis kanshin 1 year ago
не хватило живого примера будто во втором видео с примером чег-то реального. А этак все Спасибо)))
Bek Sun 1 year ago
Всем привет, подскажите будто составить списки с цветными шрифтами
Fernand Failen 1 year ago
Спасибо за курсы! Но ты этак очень, по кнопкам стучишь. Что аж в уши дает) В последующих курсах если можно потише.
Вова Харченко 1 year ago
сделай видео про то будто настраивать программку для написания html веб-сайтов
Mikhail Kultizfamily 1 year ago
Как ты комбинируешь кнопки для резвого ввода,запиши задание про сочетание кнопок
Тагир Валеев 1 year ago
установи emmet, взгляни видеоурок на канале
Коля Кумлик 1 year ago
Супер!!!
Nephrite Montague 1 year ago
Отличный задание) Спасибо большущее! Хорошей Вам аудитории и фурроров.
Виктор Романюк 1 year ago
что со звуком? они вообщем прослушивают свои видеоуроки потом записи и перед выкладыванием?
DEZZ 1 year ago
отчего у меня знаки вопроса в ромбиках
Денис Коляка 1 year ago
неверный код
GAME ONLINE 1 year ago
fuuuuuuul prosto kruto
Ахмед Гусейнов 1 year ago
всё бомба
Lizzy Nikolaeva 1 year ago
подскажите, будто можно сделать кнопку снутри кнопки? то кушать к примеру : пирожки-жмем-пирожки с вишней, пирожки с малиной, пирожки с картошкой и позже при нажатии на определенный облик пирожков получить рецепт? надеюсь понятно спросила) п.с. я бабушка, потому образец про пирожки
MIRNIY 3 months ago
<a href= ссылка на рецепт >пирожки с малиной</a>
Tatsiana Kedrova 4 months ago
А я задумывалась, что ты женщина. а оказывается, что бабушка
Max Rettenbacher 8 months ago
Это необходимо с ссылками трудиться, вложенные снутри другого.
potato with Cream 1 year ago
Понятно вы ей обьяснили
Juan 1 year ago
а я люблю вареники :)
Влад Влад 1 year ago
жалко, что фоновую музыку убрал ;(
Владислав Шустров 1 year ago
Спасибо за задание)
Полный привод Подборка ДТП, Погонь, Приколов 1 year ago
Проблема появилась, ранее делал все в шифровки выводил на браузер и была страничка, а сейчас вывожу на браузер и та же самя шифровка будто это поправить?
Andrew Grayson 1 year ago
Мне необходимо поменять краска фона вкруг перечня, в том числе вкруг маркера, однако когда я в css делаю это чрез background-color, вкруг маркера поле не изменяется. Как это поправить?
Roman Bondarenko 1 year ago
Голос будто у зека
Маргарита Шакш 1 year ago
Павел, подскажите, изволь, будто начинать перечень римскими цифрами не с первого номера Заранее благодарю!
Серж Кот 1 year ago
<ol start= 2 type= I >
Степан Кудряшов 1 year ago
Не нехорошо.)
Наталья Аббасова 1 year ago
Прошу помощи, может не по теме, однако сможете ли раскодировать файлы XTBL шифраторы? К огорчению не могу их воткнуть, т. к. они не копируются
Aim Vortex 1 year ago
Всё понятно и доступно растолковал. Молодец! Спасибо :)
ALter nativ 1 year ago
Ещё выяснить бы будто в Нотпаде этак же стремительно избрать сразу все нужные теги для переименования, чтобы любой не тыкать??!!
Panuro 3 months ago
НЕ ТЫКАТь!!!!!
Дима Куликов 5 months ago
ALter nativ щ
Ырысбек Мамахан 7 months ago
я тоже скачал, однако будто сделать не могу отыскать
ALter nativ 1 year ago
Ответ найден, Sublime Text 3 всем в поддержка
Dee Lance 1 year ago
ТI НЕ ТIКАЙ
angelina Energy 1 year ago
tipe либо type?
Денис Коляка 1 year ago
type
Евгения Пономарева 2 years ago
наилучший преподаватель ))
Константин Киптилый 2 years ago
Спасибо за понятность!!!
Коля Андрущенко 2 years ago
А будто использовать совместно два атрибута? Например: <ol type= A > совместно с start= C <li>.</li> Или с числовой нумерацией такое нереально?
Серж Кот 1 year ago
Очевидно жи кушать!) <ol start= 3 type= A > , старт пишем цифрой с которой желаем приступить , в данном примере буковке С присваивается смысл 3
Lapislar 2 years ago
WIX.com вам нужен веб-сайт сделайте его сами! о конечно обожаю эту рекламу
Fatal Strike 1 year ago
Ненавижу эту рекламу!Отвлекает от видео и жажда обучать HTML(дааа сучка у нас всё просто!Делай веб-сайт у нас!Зачем для тебя обучаться самому?)
Kirill Kotov 2 years ago
ребята там промах!заместо type=tipe (i-y)
bobnorm norn 2 months ago
та ну-ка то и этак понятно что промах
Артем Винниченко 4 months ago
киррил котов прав
Jext 1 year ago
03:07
/Galaxy_Cat/ SpaceCats 1 year ago
емм. Вроде все верно.
Орех Maestro 2 years ago
Всё отлично, однако мне весьма жалко твою клавиатуру. Не лупи этак по кнопкам =)
Артур Гафинец 2 years ago
С чувством юмора )
Денис Коляка 1 year ago
по-моему тут ничего забавного
Anno Marica 2 years ago
При смене 1-го тега из перечня будто сделать, чтоб поменялись и все другие? Думала в sublime это автоматом идет, однако у меня что-то дудки:/
Dmytro Poliakov 2 years ago
Все вышло на notepad++. У меня вопросы насчет удобства. Как у вас получает вставлять тэги с закрытием вкруг слова либо фразы? А то по отдельности cntrl C и cntrl V не комфортна и медлительно.
loftblog 2 years ago
Это Emmet. У нас кушать задание на эту тему на канале
Олег Смоленков 2 years ago
Огромное благодарю, обыкновенно я сходу закидываю , однако вы весьма доступно объясняете.
loftblog 2 years ago
Спасибо, рады, что вам понравилось)
Илья 2 years ago
Спасибо большущее посодействовал,готовлюсь для поступление посодействовал повторить)))Красавчик,Умница
loftblog 2 years ago
Спасибо, что смотрите нас.)
Коля Ткач 2 years ago
лучшие гайды :) наилучший
Roger/Роджер 2 years ago
круто растолковал!!благодарю))
Fhat a wuck 1 year ago
h1 тэги убери, они не необходимы.
DaN Ek 2 years ago
а будто сделать это предложение на одной строке? <center><h1>моё</h1><u><h1>расписание:</h1></u></center>
loftblog 2 years ago
Спасибо)
АДАМ ОЗДОЕВ 2 years ago
СКАЖИТЕ ПОЖАЛУЙСТА ,ПОЧЕМУ У МЕНЯ НЕ ПОКАЗЫВАЕТ КАРТИНКУ? Я ВСЕ ЭТО ПИШУ БЛОКНОТОМ,МОЖЕТ ИЗ ЗА ЭТОГО НЕ ПОКАЗЫВАЕТ?*
Белорусский фермер 2 years ago
вы про картину которую добавили?
Вячеслав Набатчиков 2 years ago
Вы имеете ввиду не указывает страничк в браузере?
Игрокез 2 years ago
СПАСИБО
Елена Бурназа 2 years ago
Не знаю, что вышло, однако перечень попросту не составляется. Раньше полусалась, на данный момент -- дудки. Пишет всё в одной строке
Sergey Dmitrash 2 years ago
+helen veb про закрытие тега не запамятовали ?
Елена Бурназа 2 years ago
*выходило
Elena 2 years ago
А если написать этак 1 Пункт за ним разветвляющиеся подпункты a b c Затем 2 пункт a b c Покажите будто это будет
Вячеслав Набатчиков 2 years ago
Вам необходимо сделать вложенные нумерованные списки, и применить свойство css - list-style-type: lower-alpha; - для списков с знаками. Если не выйти напишите, выложу вам код
евгений батухтин 2 years ago
благодарю Павел!
Афанасий Полено 2 years ago
Примного признателен за дорогой задание. Былобы неоднократно лучше еслиб к теоритической части прикладывалось практическое задание :) p.s. Теория изложена потрясающе, попросту лениво самому находить практические задания под определенную тему :)
Анатолий 2 years ago
Практическое задание: После просмотра видео выстроить 3 вида перечня из собственной памяти. Если не получится, смотрите задание ещё один.
Vlad Sikailo 2 years ago
<b>asd</b>
Оксана Бон 2 years ago
Павел, благодарю огромное за эти уроки!)
Всеволод Жицкий 2 years ago
Спасибо огромное, вы весьма отлично объясняете. Какие бы чужие видео не смотрел в вебе, было не понятно, а у вас практически сходу все начал осознавать.
Ivan Adamchuk 2 years ago
+BogDeising Online Почти?))
De Blick 2 years ago
будто зделать этак І ІІ ІІІ А В С D
Даниэль Небольсин 2 years ago
<ol type= I >.</ol>
EragonT110E5 2 years ago
+Dracosha 202 самому любопытно, пробую вот сижу, и этак не выходит, что бы этак было, неужели что с пропущенной строчкой либо попросту будто подсписок
Edward Sim 2 years ago
на какой программке это написано? не notepad++
Sergey Dmitrash 2 years ago
+Egorus G у меня какие-то траблы с подсветкой синтаксисов. Каждый один приходится жать шифт контрл Р и избирать
Edward Sim 2 years ago
+Egorus G благодарю
Mine Show 2 years ago
Спасибо для тебя огромное)) Все выходит)) Держи лайк и подписку
Владислав Брагуца 2 years ago
Хороший подход к обучению!!! Овации вам стоя.
Дима Белопольский 2 years ago
Просто супер, делаю всё за тобой!
Pavel Sokolov 2 years ago
А будто же поведать о вложенном перечне? Также, подходящая предмет.
Den Pshenishniy 2 years ago
на видео промах на 3:15 заместо tipe необходимо type на это не неувязка видео класс мне весьма нравится создателю лайк
Натан Мамалыга 2 years ago
класное видео мне весьма посодействовало благодарю
Fire 2 years ago
Пишу вот этак: <li>пункт 1-ый</li> и.д. Но у меня в браузере указывает вот этак: ����������. (Пишу в блокноте). Почему?
Fire 2 years ago
Хорошо попробую.
dowellkin 2 years ago
+Tootty Hamon убери строчку meta
Олег Милев 3 years ago
Всем привет подскажите будто сделать Список определения в таком виде к примеру: 1 опредиление 1.2 описание опредиления 2.оприделиние 2.1 описание. и тд интирусует будто прописать 1.2 и 2.1 заблаговременно извиняюсь,если проблема глуповатый.этак будто лишь начинаю обучать
X Factor Armenia 2 years ago
+Мастер класс-рисование. <dl> <ol type= 1 > <li>Number one</li> <dd>1,1Number one.one</dd> <li>Number two</li> <dd>2,1Number two.one</dd> <li>Number three</li> <dd>3,1Number two.one</dd> </ol> </dl>
Олег Милев 2 years ago
Я уже разобрался,однако всеравно благодарю!)
M MN 2 years ago
+Олег Милев <dl> <dt> 1 Определение <dd> 1.2 Описание определения</dd> <dt> 2 Описание</dt> <dd> 2.1 Описание определения</dd> </dl>
MANNAS 3 years ago
рахмат
Fail Zaripov 3 years ago
Про жаркие кнопки в Sublime'е расскажи
Магомед Западный 3 years ago
 а сними обучалку по css
Магомед Западный 3 years ago
ваще респект давай еще видео заливай
Dima yar 3 years ago
Павел я работаю в visual studio2013 и когда вписал  <ul type= disk >  то под словом type красноватая черта и написано unknow atribute 'type'. будто разрешить делему? видимо что-то не верно.
Студия Кравец 3 years ago
зайди на htmlbook.ru оказывается disc a не disk пишется
макс альберг 3 years ago
весьма приглянулись твои уроки!
Людмила Тюрикова 3 years ago
Мне весьма нравится будто создатель видео подает уроки. Прям здорово! 
TaI ZoB 3 years ago
прикольна