HTML для начинающих - #7 - Атрибуты.Часть 1

Пройди БЕСПЛАТНО профориентацию в IT - bit.ly/2NLILne
В данном видео мы напишем разметку для своей странички портфолио, освежим в памяти изученные теги и познакомимся с понятием атрибутов в HTML.
Полезные ссылки:
www.blindtextge... - сервис генератор текста "рыбы"
lorempixel.com/ - сервис генератор картинок для сайта
htmlbook.ru/ - сайт-справочник для верстальщика
Смотрите курс "Основы CSS" : • Основы CSS
Школа онлайн-образования: loftschool.com/
Telegram: telegram.me/lo...
Slack: slack.loftblog.ru/
Сайт: loftblog.ru/
Instagram: / loftblog
Группа вконтакте: loftblog
Facebook: / loftblog
Twitter: / loft_blog
Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogHTML
Полезные уроки для веб-программиста: #вебпрограммист
#HTML
Поставь лайк - смотивируй автора писать еще :)

[@masterava9335]

Павла слушать было приятней и понятней.

[@MIKEFM123]

А где Павел с его понтовым Маком?)

[@ВасяВасильев-щ1я]

хоть и быстро, зато чётко и понятно...МОЛОДЕЦ, спасибо)

[@NeurallArt]

Спасибо огромное! Наконец хоть кто то дал пояснения по комбинациям и сочетаниям клавиш!!!

[@malysergej1]

я все равно не понял почему у меня после !+tab не появился шаблон ?(

[@bakhtiyornasirov4521]

@@malysergej1 СОГЛАСЕН

[@doccski]

Приятно видеть что начали писать продолжение спустя столь не малый срок. Молодцы!

[@AntonioBenderas]

Вы 2 года ждали продолжения курса по HTML?

[@doccski]

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

[@НиколайКвашнин-м6ю]

Спасибо! все ясно, четко, познавательно!

[@marisamarkuze3040]

Многие комменты-дурные!)Павел был медленее,зато новенький-больше полезной инфо дает))Спасибо)))

[@Русскийчел-ч4ц]

Дак потому что тема другая,гений

[@Grobotron]

нет павел лучше он медленнее говорит но зато изза этого всё хорошо запоминается

[@mobilegames1322]

@@Grobotron я сделал медленнее воспроизведение,и теперь у него язык заплетается 😂

[@vanil8137]

Ты лучший учитель, всё понятно и быстро, у меня всё получилось, так что спасибо огромное)))

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

Спасибо за доступное объяснение=)

[@loftblog]

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

[@yugayanton]

у меня по кнопке таб не дописывает команды... что не так?

[@dddzen9977]

ты в блокноте что-ли пишешь

[@Grobotron]

а я в notepad++ и там ты пишешь и он тебе предлагает варианты команд

[@Grobotron]

я не знаю

[@Greekas]

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

[@KievEugene]

Очень толково. Спасибо огромное.

[@skiwatch]

Вот этот Автор отлично всё объясняет) Всё по полочкам! Спасибо ему большое!

[@Stanqqq]

классное видео спасибо, полезное и всё по делу

[@User-lj7gs]

Тебе криминальную россию надо озвучивать, а не уроки !

[@Ihor_Ab]

1000%👍

[@alexalex8775]

Нормальная озвучка.

[@Rom4ikmegachel]

Спасибо! Все очень доступно и интересно. Очень полезные уроки перед прочтением большой и развернутой книги по HTML)

[@КайратБолотбеков-ф4я]

Отдельное спасибо за TAB и стрелки )))

[@madonnabessi3038]

Ничоси, а чего так быстро?! Спасибо youtube что можно менять скорость воспроизведения, а то новичкам как я прям вот вообще слишком быстро, но за информативность отдельное спасибо!!

[@anarchy9130]

А где Павел?

[@olgaliahor2375]

Спасибо, это очень круто! Все понятно и просто!

[@Bliz_nets]

Большое спасибо, вы молодцы!

[@eduardhabrus1122]

То ощущение когда ролики в 2020-ом году, шестилетней давности, не утратили свою актуальность.

[@Директордурки-щ6ю]

25.12.21 ...

[@TokeHH]

@@Директордурки-щ6ю 25.03.22 ....

[@Директордурки-щ6ю]

@@TokeHH 26.03.22

[@nellivello2745]

@@Директордурки-щ6ю 10.05.22

[@Lol_Kek-u5b]

@@Директордурки-щ6ю 27/07/22

[@Larinainga]

Большое спасибо за курс, все понятно даже для особо одаренных как я, я -гуманитарий смогла создать сама страничку в Хтмл. Вы -молодцы. Респектище

[@richardcarlin2496]

Отличный урок ,спасибо

[@ЗелимханЧадаев-м7т]

Реально крутые уроки! Спасибо вам за это!

[@bakhtiyornasirov4521]

ВАП

[@MorDastin]

Если что то ul>li*3>a + Tab = я бы еще добавил ul>li*3>a>b

[@MykhailoSova]

Как он перенес через строку?

[@ihor.dorosh]

Воу-ВОУ!! Зачем так быстро?

[@gramix6559]

если что, то тут есть пауза:3

[@ruslansaharov2400]

смотри со скоростью 0,5 :D

[@magik6831]

спасибо)) с пол часа слушала наркомана))))

[@smoke7289]

Верните прошлого учителя !

[@loinset]

Где Павел?

[@АртурМацишин]

А можете сбросить ссылку на уроки по Sublime Text?

[@BichesGame]

Слава на 5-ку не единого вопроса не возникло, спасибо!

[@maxmuz1871]

супер!

[@mana2730]

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

[@MrVeGaS-cl2sw]

Я нажимаю Tab и он делает отступ, подскажите куда нажимать?

[@bakhtiyornasirov4521]

КЛАСС

[@curiousworld707]

Prosta klass!!!!!!!!

[@denisalexeev6899]

Для чего так много тегов Div?

[@doner5279]

К div цепляются айдишники и нэймы

[@kimbafr]

Без применения css ни для чего не нужны

[@ineurofunk9gg802]

Если изучаешь html через windows, то как открывать в этом sublime text записанный текст в браузере?

[@АртурКадыржанов-щ8л]

павеел родноййй где ты ? что за бандит пугает ;(

[@zherikhoff5098]

c 4:10 по 4:16 мин сказано что когда написал открывающий тег, достатачно нажать "Tab" и автоматом напишется закрывающийся тег я пользуюсь Notpad++ и данная функция отсуствует. Помогите пожалуйста !

[@DīnaKṛṣṇaDāsa]

Это делается с помощью плагина Emmet. Поищите в гугл - emmet для notepad, там все просто, разберетесь :)

[@eqxanonim875]

нужен не Notpad ++ а Sublime text

[@DīnaKṛṣṇaDāsa]

Человек написал, что пользуется notepad, для него есть emmet. Причем тут sublime не понятно.

[@СергейТкачев-б1ж]

Это у тебя мозги отсутствуют. В настройках ноутпэда все есть. ВСЕ,КАРЛ!!!.

[@luckyboss5859]

ты где пишиш програму!? посмотри 1 видео, там есть только 2 програмы и нотепат++

[@Self_Explorer]

Лайк!!!

[@ВячеславЭпов-о2и]

после того как напечатали ul>li*3 что нажали чтобы скопировать на 3 строчки?

[@Rom4ikmegachel]

Ещё одно маленькое замечание: про Subline Text, а именно про установку плагина Emmet немного сумбурно говориться. А так все супер!

[@diemon_bil]

супер)

[@merediq3625]

Как сделать автоматическую табуляцию для дочерних тегов?

[@somnum1531]

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

[@triger18051986]

Простите а можно использовать такие атрибуты как myId или userId чтобы потом играть с ними в javascript-e?

[@ЕленаДубинина-н3ш]

Все получилось, спасибо!!!!!!!!!

[@alexshlemko9232]

Такой вопрос: код абсолютно одинаковый, но при открытии его в браузере просто пустая страница. В чем может быть проблема?

[@loftblog]

Может быть ошибка в хедере

[@giniyyum776]

почему слава а не павел?

[@mylomali4933]

Не пойму как быстро переключаться курсором между тегами. Мышкой не очень удобно. а горячих клавиш тут не знаю.

[@АнтонГавура]

Хьюстен ви хав э проблем, установил Саблайм все пишется быстрее, почему то открывается коряво! Делаю копию всего и вставляю в нотепад++ и все работает ровно:(

[@АлексейКарпунов-х8э]

Зачем ты поставил тэг ?

[@v.menshov]

4:41-4:43 это что за хоткеи такой был ? как делать так же ?

[@_plymbus_3482]

плагин emmet надо установить

[@romanheavy1153]

Поставил кодировку,выставил на хостинг и все буквы в форме знаков вопросов.Подскажите в чем ошибка

[@АбуМухаммад-е5х]

мелко, непонятно, быстро Павел твой выход

[@worldismine9089]

Он кому объясняет, самому себе?

[@dmitry4384]

Продам кирпичи.не дорого!

[@brotherschannel6924]

куплю

[@egeg8703]

съем кирпич не дорого

[@yuliaigina6138]

хахазаха

[@KonkerE_]

продал?

[@КенПрол-э5е]

как в sublime настроить перенос строк в мини окне, и вообще... в проге.....?

[@zedkurmach6743]

Отлично мужик объясняет, рили, Слава красава, не обижайся на этих дураков^-^

[@gramix6559]

А зачем здесь в коде ? Он же тут ни на что ни влияет.

[@user-ly8zr4zy3x]

блочный элемент

[@Rom4ikmegachel]

Привыкайте, в дальнейшем к нему можно будет применить SCC. Так гораздо удобнее. Да и вообще, автор же все объяснил: раньше сайты верстались с помощью таблиц, теперь же все разбивают на блоки, с которыми в дальнейшем гораздо удобнее работать. Читайте htmlbook!)))

[@s_s2034]

ета плок

[@armotech2557]

как боженька промолвил

[@shonshishka877]

Быстрый переход по уровню с 6 урока на 7

[@РизванНухтаров]

Здравствуйте. А какую программу вы используете?

[@nazarrylinh7273]

+Ризван Нухтаров я использую Sublime text, хотя есть и 2 версия.... говорят ище можно использовать нотпед++, но изначально учился на саблайме так как сам учитель использовал его...

[@Снюсик-н2б]

В sololearn говорится что div в html5 можно заменить на article но тут оказывается что без разницы как писать.....,ничего не понял

[@myvideos1851]

Я не понимаю что такое ... ?

[@de-quan9226]

Очень быстро рассказывает(для новичков),в конце можно было оставить саму созданную страницу с кодом а не папку с док.index.html.

[@Grobotron]

что за тег div????

[@dmytrozinchenko3810]

ОМГ помогите! Что надо нажать, что бы быстро написать начальный код? ! + TAB? У меня не работает это...

[@dol.b9935]

Нужен плагин Emmet вроде как

[@Protms]

Что за озвучка?? Где прошлый учитель?

[@ДимаЛимбер]

где прошлый коментатор?

[@viacheslavbutov8310]

Этот оратор в разы лучше, спасибо за урок

[@loftblog]

пожалуйста, будем продолжать радовать вас

[@kiselek9]

Кому как... Павел тоже классно объяснял.

[@foxferi5095]

Извините привет а не помешают друг другу

[@whaaaaaataaaafuuuj]

Тыыыыыыыыыыы кто вопще!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@brotherschannel6924]

Леонид Яковенко ужас летящий на крыльях ночи

[@MrTolpac]

Подскажите, как на 4:45 вы вниз тяните выделение?

[@KonstantinPoimenov]

Зажав Ctrl, выбираете мышкой места, в которых вы хотите продублировать курсор)

[@MrTolpac]

спасибо)

[@АлександрРомашка-п1п]

Привет, инфа классная и подача структурирована, только помедленнее))) Понятно что опыта километры, но мне далеко до Вас.

[@Элайзе3]

хорошо

[@ДимаШафар]

Вроде догоняю))

[@dddzen9977]

Сразу всё не поймёте ребята, надо и другие видео смотреть - от других авторов, кто-то недоговаривает а кто-то договаривает.

[@vitanli8353]

Лайк!

[@_Fantom_.]

Что-то мне кажется голос какой-то другой , или оратор сменился...

[@АлиР-з1к]

Нет, я не понял по какому принципу, блоки должны вкладываться в друг друга, может объяснить нужно сначала ?!

[@ИмяФамилия-ь7р8ь]

3:05 Что значит "плохим тоном"?

[@yuliaigina6138]

это значит что неэмоционально и хер че пойми поэтому. Чтобы дошло приходится переслушивать по 5 раз

[@АбдурахманХатаб-в1л]

"плохим тоном" --- означает,что другие программисты не поймут твой код

[@robesk938]

Хорошее видео, но тыканье - это плохой тон.

[@serinnyprogrammistjohn7818]

Пусть тыкает, Он так меня из режима "Сна" выводит = )

[@РомановКирилл-я3щ]

html - разметка css - оформление а что там функциональность?

[@ИльяМ-л1у]

JS т.е. JavaScript

[@adrianandronic5559]

ну или php

[@sashabonackiy290]

всё очень бисто!!! помедленней

[@tetyaniya]

можно на паузу поставить или вернуться немного

[@Elena-km8zv]

А кто скажет что значит соблайн текст как его поставить?

[@NoName-bj6wo]

Павел вер ар ююю))

[@kirillkotov7812]

Не пойму с div хочу сдохнуть(

[@АнастасіяЧеркаська-ю3е]

Где Павел ,_, ....

[@whynot-z7w]

не могу найти emmet! Что мне делать?

[@loftblog]

посмотрите урок на нашем канале по Emmet

[@tvBaiumGG]

О господи, как же я кайфовал от быстрого написания страницы, не машню но у предыдущего учителя это бы заняло в 3 раза больше времени.

[@АлексейСавин-и9ф]

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

[@dogwater7694]

🤯

[@ХусейнМагометагаев-ч3м]

салам алейкум ни как не могу понят как добавить фото с папки компьютера сможете с этим помочь?????????

[@yuliaigina6138]

[@АлександрТристан-к5с]

Блин надо было тебе вести уроки с первого видео занятия

[@mrMaCIlya]

Нет в списке Emmet, где искать?

[@slavanabatchikov2345]

+Илья Наливаев ctrl_shift+p далее install package

[@MrVeGaS-cl2sw]

Вячеслав Набатчиков что делать если выдает ошибку?

[@masterofpuppets6879]

Как-то обращение на ты немного смущает, но смотреть можно

[@chainik7663]

у меня TAB не работает ! ЧТо делать?

[@slavanabatchikov2345]

Какую программу вы используете?

[@chainik7663]

Sublime Text 3

[@slavanabatchikov2345]

Проверьте в Preferences -> Key Bindings (Default) есть ли записи для кнопки tab? joxi.ru/ZrJyvjVS1OGVYA

[@slavanabatchikov2345]

Так же какое действие tab у вас не работает? Если вы хотите вставить сниппет, то надо убедиться что у вас стоит emmet и файл в котором вы работаете имеет расширение html

[@guild__hero7818]

+

[@OvcharkavG]

Вы крутые, спс Вам что учите нас дураков

[@СтасикЛис]

восклицательный знак и нажать "ТАР"...... тар???? что за тар??????????????????????????