Основы HTML для Начинающих (в 2024)

Поділитися
Вставка
  • Опубліковано 26 лис 2024

КОМЕНТАРІ • 157

  • @sergeydmitrievsky
    @sergeydmitrievsky  10 місяців тому +60

    ❗Подписывайся на мой телеграм-канал про IT, программирование и frontend → t.me/sergeydmitrievsky

  • @vitalygaraev8093
    @vitalygaraev8093 2 роки тому +63

    Незаменимые короткие объяснения. Я изучил материал по HTML, а этим видео уложил тему на полочку в голове. 👏👍

  • @prepper__
    @prepper__ 8 місяців тому +3

    И все это за 10 мин. Браво. Коротко, ясно и без воды 😎😎😎

  • @Karrit94
    @Karrit94 2 роки тому +29

    Очень классный ролик. Все структурировано, системно, понятно. Очень рада, что попала на такого хорошего специалиста. Спасибо.

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому

      Супер 👨🏻‍💻

    • @m.t.6677
      @m.t.6677 Рік тому +1

      ​@@sergeydmitrievskyкак сделать чтобы с редактором одновременно открывался и браузер.Просто я только начал пользоваться ноутбуком

    • @n33xy_live_and_songs
      @n33xy_live_and_songs Рік тому

      @@m.t.6677 КАК НАЗЫВАЕТЬСЯ РЕДАКТОР

  • @alexandrwisdom1988
    @alexandrwisdom1988 2 роки тому +11

    Автору спасибо!
    отличный лаконичный контент. Думаю хорошая идея платный курс, с расширенной базой знанний

  • @alionajanusko
    @alionajanusko 2 роки тому +9

    Спасибо тебе за твой труд. Ты мне очень помог. 👍

  • @Mirniyinostranes
    @Mirniyinostranes Рік тому +8

    Есть люди которые знают многое но не могут объяснить, но Сергей, вы преподаватель от бога! Я очень рад, что наткнулся на ваш канал и подписался моментально .

  • @Agent-D
    @Agent-D 9 місяців тому

    Ты очень понятно объясняешь. Thanks ! Особенно порадовало, что объясняешь, от каких слов происходят названия тегов.

  • @АлияНугуманова-ж6р
    @АлияНугуманова-ж6р 2 місяці тому +1

    Сергей, спасибо за урок, все понятно!

  • @putseika
    @putseika 2 роки тому +5

    Годнота, как и всегда) жду курс

  • @LeManONE
    @LeManONE 2 місяці тому

    Видик имба. У меня идет предмет по созданию сайтов и я не все понимал по лекциям, а твой видос меня очень выручил. Пойду закреплять изученное!

  • @nadyahope420
    @nadyahope420 17 днів тому

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

  • @alfaname
    @alfaname 2 роки тому +1

    Классное видео! Спасибо Сергей, как раз сейчас учу фронтенд

  • @Raitt_legend
    @Raitt_legend Місяць тому +1

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

  • @Ванна-с6ш
    @Ванна-с6ш 2 роки тому +1

    Сергей, классное понятное видео, спасибо!

  • @ludoname
    @ludoname Рік тому +2

    Полезная информация) После просмотра отправил резюмэ в Гугл и сегодня пришёл ответ. Берут на работу в Калифорнию на испытательный срок. Автору лайк

  • @ЕвгенийКалашников-м9с

    Отличный видос!

  • @viktor.k9896
    @viktor.k9896 2 роки тому

    Спасибо, Сергей.

  • @hideki07
    @hideki07 Рік тому

    спасибо за ваше видео, очень приятно вас слушать , я ноль в айти сфере, но даже мне понятны ваши объяснения, большое вам
    спасибо

  • @harderharder1006
    @harderharder1006 Рік тому

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

  • @ГалымжанЧауетов-ф1ь

    Круто! Спасибо!

  • @ЕвгенийПиянзин
    @ЕвгенийПиянзин 2 роки тому

    Супер, спасибо тебе большое

  • @BigBoss-do8hf
    @BigBoss-do8hf 11 місяців тому

    Красава, всё доходчиво, подписка 👍

  • @dini9036
    @dini9036 2 роки тому

    Очень крутой контент! Подписался)

  • @pupizoid100
    @pupizoid100 Рік тому

    Да спасибо все просто и понятно.

  • @Super-dx7bt
    @Super-dx7bt Рік тому +4

    Дмитрий, можете подсказать, а на какой вы программе пишите сайты? Заранее спасибо!

    • @termaeus
      @termaeus 7 місяців тому +1

      В ролике: среда программирования - Visual Studio Code

  • @ВеликийКнязь-щ8ц
    @ВеликийКнязь-щ8ц 2 роки тому +2

    Сергей, спасибо огромное за материал. Есть огромное желание изучить html, попробовал повторить за тобой, часть получилось, часть нет. Понятно, что не все и не у всех с первого раза получается. Буду стараться освоить.

    • @mrdarvin8726
      @mrdarvin8726 Рік тому +2

      чего достиг за 5 месяцев?

    • @Desparecido8
      @Desparecido8 6 місяців тому

      ​@@mrdarvin87260

  • @denisram2938
    @denisram2938 2 дні тому

    А гле вы вводите эти Теги и все что вы пишите вы в какой программе набираете ?( слева на темном фоне - это что ?) С учетом того что видеорасчитано на новичков ! Я полный ноль и мне не ясно -куда текст то вводить? Заранее спасибо !

  • @vitaliykalachev3932
    @vitaliykalachev3932 2 роки тому

    Класс! Спасибо!

  • @adammagomedov9822
    @adammagomedov9822 2 місяці тому

    Спасибо огромное за это видео подпишусь спасибо огромное оооооооочень доходчиво

  • @НикаГорохова-ъ9ъ
    @НикаГорохова-ъ9ъ 11 місяців тому

    Тот случай, когда каждое слово под конспект 😍

  • @ПовашевичАнтон
    @ПовашевичАнтон 2 роки тому

    Серёг красав!

  • @ХилкуиЗвезды
    @ХилкуиЗвезды 2 роки тому +1

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

  • @jangrinchenko7981
    @jangrinchenko7981 5 місяців тому

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

  • @dolyajenya
    @dolyajenya 2 роки тому

    Спасибо!

  • @Un_caffe_per_favore
    @Un_caffe_per_favore Рік тому

    Хорошее объяснение но если это запись экрана, лучше.
    Я с телефона плохо вижу теги и т. д, может с компа лучше

  • @РусланБражников-в4х

    Сергей, подскажи пожалуйста, какой у тебя шрифт в VSC ?

  • @daniserg2319
    @daniserg2319 Рік тому +1

    Сергей, добрый день, имеется вопрос, если я указываю ссылку в HTML на локальное размещение картинки которая находится только на моём ПК, как она будет загружаться на мой сайт при условии что вход на мой сайт будет производится с другого ПК? получается что нужно разместить картинку где-то в сети в общем доступе чтобы сервер смог её подтянуть и загрузить при открытии сайта? 🤔

  • @Bebraniumn
    @Bebraniumn 2 роки тому

    Максимально просто благодарю , использовал атом?

  • @D8G0S6
    @D8G0S6 2 роки тому

    Благодарю

  • @Larriva666
    @Larriva666 Рік тому

    Привет! Подскажи, как ты смайлики выбираешь в VSCode?

  • @turkanbayramzade3794
    @turkanbayramzade3794 3 місяці тому

    благодарю

  • @СергейКиреев-ш8ю
    @СергейКиреев-ш8ю 2 роки тому +2

    Подскажите для чайника, на 6:40 "Ввожу html :5, раскрываю":
    1. Почему отображается html, а не html :5?
    2. "Раскрываю", это прописываю теги и это в запись не идет или можно задать шаблон, чтобы ускорить верстку?

    • @twin4ik_sfg
      @twin4ik_sfg Рік тому

      Что бы было удобнее просто напиши (восклицательный знак) ! и у тебя выйдет весь тег который выдаёт тот же информации автоматический (Doctype html и т.д всё) ну короче попробуй😉

    • @twin4ik_sfg
      @twin4ik_sfg Рік тому

      Это работает только на VS CODE приложения который
      использовал автор это тот же VS CODE

  • @Krylowandrey
    @Krylowandrey 7 місяців тому

    А почему после доктайп ажтиэмэль не указываем версию 5? В четвертой версии как писали?

  • @Krylowandrey
    @Krylowandrey 7 місяців тому

    Разные страницы сайта лучше создавать в новых файлах?

  • @Дмитрий-н2п5л
    @Дмитрий-н2п5л 2 роки тому

    магия какая то) но круто

  • @mokzisan
    @mokzisan 2 роки тому

    Суперрр 🔥🔥🔥

  • @nicelalija
    @nicelalija 2 роки тому

    Хороший канал!!!!

  • @СергейМузыченко-л4ч

    Как ты добавил смайл???

  • @АнастасияСидькова
    @АнастасияСидькова 2 місяці тому

    А как передвинуть картинку вправо /влево?

  • @Gatillo.95
    @Gatillo.95 Рік тому

    Здравствуйте, отличное видео и канал , подписка и лайк. Помогите пожалуйста разобраться с лендинговым сайтом, есть сайт с товаром и я хочу подключить страницу "Спасибо" после заказа. Точнее написать правильный код пути, Как это сделать?

  • @Пилигрим-у6с
    @Пилигрим-у6с 2 місяці тому

    Не понятно что вводил во втором документе при помощи тэгов "мета"

  • @opiat1morphine
    @opiat1morphine 2 роки тому +9

    Крутой видос, но хотел бы спросить. Как ты открыл это окно на котором появлялись штуки которые ты писал в коде?За ранее спасибо

    • @MikePokhvaschev
      @MikePokhvaschev 2 роки тому +2

      Присоединяюсь к вопросу) Не очень понятно, как визуал и браузер сразу связаны

    • @eyeoow
      @eyeoow 2 роки тому +6

      Чтобы визуализация происходила без ручного обновления страницы нужен плагин для vc code - live server

    • @Ванна-с6ш
      @Ванна-с6ш 2 роки тому +1

      спасибо!

    • @naz.g_de
      @naz.g_de 2 роки тому +5

      Есть в youtube видео «html за 35 минут» там показывают это более подробно, как создать файл и как скачать atom в котором можно писать код

    • @ИгорьПервый-ч1г
      @ИгорьПервый-ч1г Рік тому

      Кто нибудь может подсказать возможно ли учиться верстать html на нетбуке проц intel atom и 1гиг оперативки?

  • @SP_Managementer
    @SP_Managementer Рік тому

    Почему а текст идет кириллицей и он не поломался ??

  • @matyashne
    @matyashne 2 роки тому

    почему у меня атрибуты самы не подтягиваются? Я пишу

  • @reportage_intrigant
    @reportage_intrigant 8 місяців тому

    всем привет с тега titre не выводится информация а выводит направление к файлу
    что делать?

  • @kitaez.dailyfact
    @kitaez.dailyfact 7 місяців тому

    предугадал все

  • @Krylowandrey
    @Krylowandrey 7 місяців тому

    Эмодзи помогает редактор поставить или код писать надо?

  • @АлексейКаплин-м7й
    @АлексейКаплин-м7й 2 роки тому

    Привет можешь помочь выполнить задание, на практикуме, время поднимает очень нужно

  • @user-qq2uy9vu4q
    @user-qq2uy9vu4q 2 роки тому +1

    Спасибо за видео:)Все понятно
    Скажите пожалуйста,а чтобы изучать JS и стать фронтенд нужна математика?Просто я умею только элементарное(сложение вычитание деление)

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +1

      Из всех базовых школьных предметов математика - это самое полезное для будущего программиста)

    • @luckyloser5962
      @luckyloser5962 2 роки тому

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

  • @Feodorovich-ji8in
    @Feodorovich-ji8in 6 місяців тому

    Где ссылка в описании?!

  • @ЛилияГончар-щ8ъ
    @ЛилияГончар-щ8ъ 2 місяці тому +1

    Все ок, но с экрана компьютера не видно😢😢😮

  • @oneround21
    @oneround21 2 роки тому +2

    Как называется программа в которой он работает?

    • @ultrasup
      @ultrasup Рік тому

      visual studio code

  • @lisasagal4482
    @lisasagal4482 4 місяці тому +2

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

    • @alinaotibic3618
      @alinaotibic3618 3 місяці тому +1

      ну невозможно же каждый раз говорить "должен/должна". Я лично воспринимаю обращения в м.р. как "ты, человек, смотрящий видео". В таком случае как бы оба пола указаны

  • @BezhovHF
    @BezhovHF Рік тому

    Здравствуйте,а в чём вы писали код?

  • @nikolay_landau
    @nikolay_landau Рік тому

    А как вы добавили так картинку? У меня не получается почему то

  • @solqbek
    @solqbek 2 роки тому +1

    8:36 😆😆😆

  • @Александра-ц4п8с
    @Александра-ц4п8с 11 місяців тому

    А где ссылка на сайт?

  • @еуразия
    @еуразия 2 місяці тому

    Можно конструктор?(название)

  • @тимофей-э4п7ы
    @тимофей-э4п7ы 7 місяців тому

    А как вообще создать файл HTML?

  • @elya305
    @elya305 2 роки тому

    👏👍

  • @galinaperestan
    @galinaperestan 8 місяців тому

    "основное, что ты должен понять" но я тян 😭

  • @bayramgeldis5615
    @bayramgeldis5615 15 днів тому

    😍

  • @alishka3244
    @alishka3244 2 роки тому +1

    Все круто, больше таких видео !!))

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому

      Да, как раз иду в сторону обучающего контента сейчас )

  • @РахманАмангелды
    @РахманАмангелды 2 роки тому

    На каком редакторе он это писал?

  • @Tvorcha-Lama
    @Tvorcha-Lama 2 роки тому

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

    • @gaping_sign2713
      @gaping_sign2713 2 роки тому

      вам нужно выбрать кодировку utf-8
      для этого в head пишите эту команду

  • @hideki07
    @hideki07 Рік тому

    а какой редактор кода вы используете?

  • @Van_Double
    @Van_Double 3 місяці тому

    а где вы писали этот код страницы?

  • @tilteEDddd
    @tilteEDddd 2 роки тому +1

    а где найти консоль или как вообще работать?

  • @niniliss
    @niniliss 2 роки тому +1

    Здравствуйте, отличное видео! А как вы сделали такое разделение, что сразу видно результат?

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому

      Спасибо 🙏🏻 Если ты про разделение экрана на левую и правую часть, то это просто окна программ так расположены на экране.

    • @АристархНовиков-х8л
      @АристархНовиков-х8л Рік тому

      @@sergeydmitrievsky А что за программа слева?

  • @eklmn5337
    @eklmn5337 9 місяців тому

    И все таки фронтендер не правильно написал в заголовке) и ещё в закладках браузера старт в ит выдает

  • @moonie227
    @moonie227 2 роки тому

    Привет. Я только начинаю HTML. Google Chrome не признает мой написанный на VScode/ КОгда я открываю код в браузере, мне показывает копию моего кода точь в точь, что написано на html, но не картину, которую я прикрепила. Что это такое? Я уже второй день сижу и дальше не могу двигаться, т.к. я вижу в итоге только код свой, но только в моем "сайт". Фрустрация, уж не могу(((. Помогите пожалуйста, что мне делать. У меня Виндоус 10. Заранее блалгодарю.

    • @Agent-D
      @Agent-D 9 місяців тому

      Разобрались уже, в чем прикол был ?

  • @pervanesuleymanova2104
    @pervanesuleymanova2104 2 місяці тому

    Что за приложение для компьютера

  • @РостиславНаконечний-б6ч

    Man the software scares it's terrifying

  • @_shadoword
    @_shadoword 2 роки тому

    6:08 что за и тд?

    • @_shadoword
      @_shadoword 2 роки тому

      я примерно понимаю, но это важно?

    • @nova57380
      @nova57380 Рік тому

      @@_shadoword Важно, поскольку может быть вероятность, что у какого-то пользователя на каком-то браузере при открытие страницы будут какие-то иероглифы непонятные, meta charset utf8 помогает избежать этого, поэтому она обязательна.

    • @_shadoword
      @_shadoword Рік тому

      @@nova57380 спасибо 😁

  • @kolyamix9617
    @kolyamix9617 11 місяців тому

    а что за программа?

    • @Yafpr
      @Yafpr 10 місяців тому

      Visual studio code

  • @alexnik197
    @alexnik197 2 роки тому +1

    Когда основы JS за 10 минут?))

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому +1

      Следующее после CSS)

    • @ЮТА-е8ь
      @ЮТА-е8ь 2 роки тому +1

      Ахаа. Потом видос создаём галактику за час для чайников

    • @webstar9241
      @webstar9241 2 роки тому

      JS даже за 10 часов не разберёшь) Ну только если это не беглый разбор основ, которых для нормальной разработки не будет достаточно)

  • @border-top
    @border-top Рік тому

    сайт mozilla хорош.
    лайк видео

  • @simllt
    @simllt Рік тому

    Я прям чайник, есть ли разница в каком редакторе писать код?

    • @ArtemyArtemy
      @ArtemyArtemy Місяць тому

      Нет, просто этот поудобнее будет

  • @soprano6806
    @soprano6806 2 роки тому +1

    сильно растянул. почему не за 3минуты 40 секунд?

  • @TheArhimondus
    @TheArhimondus 2 місяці тому

    Когда человек объясняет HTML, пишет русские буквы на странице, но атрибут в теге html у него en - это просто фейспалм)

  • @амирханшамгонов-р5д

    ну теперь ждем css))

  • @makaronv2
    @makaronv2 2 роки тому

    Как приложение называется ?

    • @sergeydmitrievsky
      @sergeydmitrievsky  2 роки тому

      VS Code. Если ты про редактор кода.

  • @Зорро-ы2р
    @Зорро-ы2р 2 роки тому

    Круто но мало объяснений из-за этого вводящий новичков в заблуждение

  • @makaronv2
    @makaronv2 2 роки тому

    Почему у меня приложение сразу называется untiled 1???

  • @Точкаточковна-э6й

    обманул меня на 6:51

  • @АндрейГригорьев-г3ч
    @АндрейГригорьев-г3ч 2 місяці тому

    Чушь какая... Разветак учат!
    Написано же ... Для начинающих!
    Что такое Теги? Чтотакое индекс и т д
    Что то там мелким почерком мелкает...

  • @sodie9384
    @sodie9384 2 роки тому +26

    Открыл видео что бы изучить html, но так и ничего не понял, походу видео не для учения а просто чтобы записать) Ну или я дурак

    • @НикаГорохова-ъ9ъ
      @НикаГорохова-ъ9ъ 11 місяців тому +11

      Отличное видео. Мне, как человеку, который вообще не знал, что такое html и прочее многое стало ясно 💁‍♀️

    • @Berserk_321.
      @Berserk_321. 10 місяців тому +3

      Ну как минимум это видео подходит для того чтобы узнать что всё таки такое html и как на нём вообще работать чтобы знать заниматься ли этим вообще.

    • @KZNLEMONBOX
      @KZNLEMONBOX 6 місяців тому

      Если ничего не понимаешь в HTML попробуй приложение Mimo

    • @EmiliyShev
      @EmiliyShev 5 місяців тому +1

      Просто "учитель" на видео, как учитель г...
      Я знаю основы html и решила просто вспомнить всё
      Запуталась абсолютно, никакой системы в объясненнии нет 🤦🏼‍♀️

    • @Doule_XP
      @Doule_XP 2 місяці тому

      ​@@EmiliyShevа ты хочешь, чтоб за 16 минут все объяснили?)

  • @easycrazy709
    @easycrazy709 6 місяців тому +1

    Даже смотреть не стоит Основы HTML за 10 минут на видео длительностью в 16😂 уже обман.