65. Основи HTML та CSS

Поделиться
HTML-код
  • Опубликовано: 5 июн 2024
  • Всі презентації до уроків тут: docs.google.com/spreadsheets/...
    00:00 - Вітання
    00:30 - Як побачити HTML-розмітку сайту?
    01:18 - Що таке HTML?
    02:20 - Складові HTML
    03:00 - Елементи HTML на практиці
    05:46 - Атрибути елементів HTML
    06:34 - Текст всередині тегу
    06:56 - HTML-розмітка
    08:28 - Основні теги HTML
    10:24 - Тег дів на практиці
    13:22 - Складова HEADER
    15:30 - Ще трохи про основні теги
    19:10 - Розбираємо теги на прикладі Ютубу
    21:28 - Атрибути, за якими можна шукати елементи
    23:44 - Що таке CSS?
    24:50 - 3 способи підключення стилів
    26:42 - Підбиття підсумків
    26:58 - Дякую за перегляд!
    Тестування ПЗ, Тестувальник ПЗ з нуля, тестування веб-додатків, як стати тестувальником, тестування баз даних, тестування мобільних додатків, тестування API, QC, QA, Тестування УКРАЇНСЬКОЮ

Комментарии • 38

  • @vivsoftware
    @vivsoftware Год назад +3

    Наталі, корисний матеріал.
    Але потрібно виправити помилку у структурі html документу (див. 6:57).
    Замість елементу повинен бути , так як встановлюється у межах дії елементу .
    Саме у блоці зберігається службова інформація (метадані) документу.
    Повинно бути так:

  • @elenasloboda3978
    @elenasloboda3978 Год назад +3

    Чудове висвітлення матеріалу. Якби скрізь викладачі викладали в такій доступній і цікавій манері. Наталя дякую

  • @fanatmu4416
    @fanatmu4416 Год назад +7

    Один з небагатьох випадків, коли я вдячний гуглу за рекомендацію ось цього каналу!) Для початківця-тестера - знахідка. Все лаконічно, доступно. Успіхів;)

  • @ivanfedoryshyn
    @ivanfedoryshyn 9 месяцев назад +1

    Дякую. Якраз в День прапора і дивлюсь.

  • @user-fg1ng8ux2h
    @user-fg1ng8ux2h Год назад +7

    Ніхто крім Наталі не вміє так круто пояснювати 🔥🔥🔥

  • @user-pe2ll9nc9c
    @user-pe2ll9nc9c 7 месяцев назад +1

    Дякуємо Вам, красуне!

  • @kingprogrammer5271
    @kingprogrammer5271 Год назад +4

    ПОСТАВТЕ ЛАЙК ЯКЩО ПРОХОДИТЕ АБО ПРОЙШЛИ ОСНОВИ HTML

  • @mykolaryshkov2106
    @mykolaryshkov2106 Год назад +1

    Дякую, дуже корисна інформація щодо доволі важкої теми.

  • @andriiinkin264
    @andriiinkin264 Год назад +3

    Дякую, шукав інформацію для товариша, максимально все доступно)

  • @VKodryan
    @VKodryan Год назад +2

    Було наглядно і корисно. Багато прикоалів гарна практика.

  • @user-us6dp5ih7q
    @user-us6dp5ih7q 9 месяцев назад +1

    дуже дякую) кожного ранку слухаю ваші уроки із задоволенням)

  • @romcoinn
    @romcoinn Год назад +1

    Дуже гарно та приємним голосом 😊

  • @user-vy1wm2kb9z
    @user-vy1wm2kb9z Год назад +1

    Дякую, дуже корисна інформація

  • @user-il9ck1yv5m
    @user-il9ck1yv5m Год назад +1

    Дуже дякую, вся інформація доступна та дуже цікава!)

  • @viktoriial4958
    @viktoriial4958 Год назад +1

    Вкотре пишу вам велике дякую! Це просто найякісніший контент для qa ever!❤

  • @alexeuro5976
    @alexeuro5976 Год назад +1

    Все зрозуміло! Дуже дякую!

  • @user-bh3lx5sk6x
    @user-bh3lx5sk6x Год назад +1

    Дуже круто, дякую)

  • @ukrayinizator
    @ukrayinizator Год назад +2

    У Хромі, зокрема у Інструментах розробника, є українська мова.
    Плюс, ці інструменти відкриваються кнопкою F12.

    • @Popeliuha
      @Popeliuha  Год назад

      Мову вже змінено) а якою кнопкою іх відкривати, особиста справа кожного

  • @user-fo2rz8ph2f
    @user-fo2rz8ph2f Год назад +1

    Дякую за якісний контент!! Маю питання. Як напрактиці превіряються стилі (відкриваємо CSS і звіряємо стиль який прописаний в коді з вимогами?)?

    • @Popeliuha
      @Popeliuha  Год назад

      В вимогах рідко пишуть стилі. Чесно кажучи, не знаю відповідь на це питання - мені ніколи не доводилось перевіряти стилі) але не думайте шо все складно) простіше, ніж здається

    • @Noname64211
      @Noname64211 2 месяца назад

      Якщо в вас є макет який зроблений для сайту, то ви звіряєте стилі на макеті (у фігмі наприклад) і на сайті. ви бачите, чи той колір зробили, чи правильні відступи стоять і тд

  • @user-qf2xg2sk8e
    @user-qf2xg2sk8e Год назад +1

    дЯКА за урок! В мене є питання, чому два ? Це є 'жирний текст' чи шось ще?

    • @Popeliuha
      @Popeliuha  Год назад

      Я знаю тільки жирний текст)

  • @AntonAkaMrSmith
    @AntonAkaMrSmith 7 месяцев назад

    а у div id="microformat" лежить вся інформаця про відео, тому якщо треба викачати обкладинку, то вона там з назвою maxresdefault.jpg :) дякую, корисно

  • @anonimanonimovich2256
    @anonimanonimovich2256 Год назад +1

    Наскільки добре треба знати css для трейні , і що треба точно знати ?

  • @worldofgames7958
    @worldofgames7958 2 месяца назад

    Дякую за матеріал, ще й на українській)
    Питання тільки де всі жінки подівались? Син, батько, дід, брати, і жодної жінки...

  • @dsdm407
    @dsdm407 Год назад +1

    02:33 - якщо кажете про HTML, то він не має закриваючого теґа Input.

  • @whitesugartea
    @whitesugartea Год назад +2

    В мене дуже важливе питання: чому в такої файної дівчини нема інстаграму?

  • @visoko._
    @visoko._ Год назад +1

    Я не розумію, чому в мене немає цієї строки для пошуку як у тебе?

    • @Popeliuha
      @Popeliuha  Год назад

      Бо там треба натиснути контрл ф

  • @user-hl9wi5ut7s
    @user-hl9wi5ut7s Год назад +2

    CSS (верстальщики) и Front end разработчики - и то и то про фронт, в чем разница?

    • @Popeliuha
      @Popeliuha  Год назад +1

      Front end devs в моїй голові = джаваскріптьори і верстальники)

    • @user-hl9wi5ut7s
      @user-hl9wi5ut7s Год назад +1

      @@Popeliuha в моїй голові вони також із знаком =.. але таке відчуття, що я в цьому плані з чимось помиляюся)