Курс HTML5 & CSS3 Стартовий. Урок 2. ➤ Робота з зображеннями, таблицями та списками в HTML

Поделиться
HTML-код
  • Опубликовано: 28 май 2024
  • В другому уроці курсу HTML5 & CSS3 Стартовий ми розглянемо роботу з зображеннями, таблицями та списками у HTML.
    Викладач: Богдан Мартиненко, FrontEnd розробник та тренер-консультант CyberBionic Systematics
    Програма курсу:
    1) Загальне знайомство з HTML. Призначення технології і сфери застосування.
    2) Робота із зображеннями, таблицями та списками.
    3) Каскадні таблиці стилів CSS. Частина 1.
    4) Каскадні таблиці стилів CSS. Частина 2.
    5) Позиціонування елементів. Види верстання.
    6) Семантика HTML5. Нові теги.
    7) Принципи побудови розмітки Flexbox.
    8) Форми. Метатеги.
    9) Практика.
    10) Практика.
    За підготовку таймкодів дякуємо користувачу Міша Пуля!
    0:00 - Вступ
    1:42 - Тема "Робота з зображеннями, таблицями і списками"
    1:55 - Зображення. Тег img
    4:50 - Мапа зображення
    7:10 - Робота з зображеннями
    14:10 - Робота з мапою зображення. Атрибут usemap
    21:23 - Питання - відповіді
    33:00 - Таблиця. Необхідні теги та атрибути
    39:56 - Реалізація першої таблиці
    45:12 - Тег caption
    46:11 - Атрибут cellpadding
    48:30 - Атрибут colspan
    50:35 0 Питання - відповіді
    1:02:10 - Списки. Види списків
    1:03:35 - Маркований список. Тег ul
    1:04:21 - Нумерований список. Тег ol
    1:04:52 - Вкладені списки
    1:05:31 - Приклади створення списків
    1:07:11 - Приклад тега ul
    1:08:55 - Приклад тега ol
    1:10:48 - Приклад вкладених списків
    1:12:13 - Тег dl
    1:13:26 - Питання - відповіді
    1:14:30 - Виконання практичного завдання
    1:24:04 - Відповідь на перше д/з
    1:26:12 - Питання - відповіді Дякуємо, що ви з нами!
    Ми в соцмережах:
    Telegram - t.me/cbs_info
    Instagram - / cyberbionic_systematics
    TikTok - / cb_systematics
    Facebook - / cbsystematics
    LinkedIn - / cbsystematics-development
    👉 Сайт і курси CyberBionic Systematics: cutt.ly/q4axOV7

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

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

    🔥Іде набір на навчання за 4 IT спеціальностями, запишись на безкоштовний пробний урок!
    Спеціальність Python - cutt.ly/XZoPxwx
    Спеціальність Frontend - cutt.ly/9ZoO1QA
    Спеціальність .NET - cutt.ly/WZoPQ4D
    Спеціальність Java - cutt.ly/zZoPtUL

  • @petyatsupryk
    @petyatsupryk 2 года назад +7

    Дякую за гарну подачу матеріалу і великий + за українську мову!!!

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

    Дякую , спочатку знайшов Вас на сайті ITDVN , сподобалась ваша подача матеріалу , і вирішив вас пошукати в ютюбі . Знайшов , підписався , дякую за вашу працю !

  • @alexandernakonechny4382
    @alexandernakonechny4382 2 года назад +3

    Викладач супер!

  • @maulo1989
    @maulo1989 2 года назад +1

    Дякую за урок, дуже інформативно.

  • @eninyri
    @eninyri 2 года назад +2

    Нарешті! Я дочекався цього дня!

  • @ua_win1402
    @ua_win1402 2 года назад +1

    Шикарна подача матеріалу, дякую

  • @Pulia_M
    @Pulia_M 2 года назад +2

    1:42 - Тема "Робота з зображенями, таблицями і списками"
    1:55 - Зображення. Тег
    4:50 - Мапа зображення
    7:10 - Робота з зображенями
    14:10 - Робота з мапою зображення. Атрибут usemap
    21:23 - Питання - відповіді
    33:00 - Таблиця. Необхідні теги та атрибути
    39:56 - Реалізація першої таблиці
    45:12 - Тег
    46:11 - Атрибут cellpadding
    48:30 - Атрибут colspan
    50:35 0 Питання - відповіді
    1:02:10 - Списки. Види списків
    1:03:35 - Маркований список. Тег
    1:04:21 - Нумерований список. Тег
    1:04:52 - Вкладені списки
    1:05:31 - Приклади створення списків
    1:07:11 - Приклад тега
    1:08:55 - Приклад тега
    1:10:48 - Приклад вкладених списків
    1:12:13 - Тег
    1:13:26 - Питання - відповіді
    1:14:30 - Виконання практичного завдання
    1:24:04 - Відповідь на перше д/з
    1:26:12 - Питання - відповіді

    • @CodeUA
      @CodeUA  2 года назад +1

      Дуже дякуємо за допомогу, додали!)

  • @ja_Urainetc
    @ja_Urainetc 2 года назад +4

    Дякую за Українську !

  • @user-nq7ry4ro4x
    @user-nq7ry4ro4x Год назад

    Дуже крутий укок, дякую, а можна якось отримати завдання які ви відправляєте в телеграм?

  • @vitaliyyanyshynip-0365
    @vitaliyyanyshynip-0365 Год назад

    А можна ще якось потрапити в той канал з домашніми завданнями?

  • @mishadorichenko1791
    @mishadorichenko1791 2 года назад +2

    Дякую за урок, викладач супер.
    1) На якому рівні потрібно виввчити javascript для початку?
    2) Краще вчити javascript чи pyton? Чи ці мови програмування не взаємозамінні?

    • @CodeUA
      @CodeUA  2 года назад +3

      Добрий день, вибачте, що довелось довго чекати на відповідь, передаємо слова Богдана:
      1) на цей час, аби влаштуватись на роботу фронтенд розробником, потрібно знати на серйозному рівні JS.
      2) Якщо ви бажаєте працювати фронтенд розробником, тоді JS.
      Python це бекенд !

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

      @@CodeUA так на якому етапі треба вчити JS?? одразу? паралельно з HTML та CSS чи після їх вивчення?
      я маю на увазі базовий JS

  • @olehmakar6766
    @olehmakar6766 2 года назад

    як закоментити текст?

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

    Від застосування російської так і неможете відмовитись. Хоть говорити навагаєтесь.