Курс HTML5 & CSS3 Стартовий. Урок 1. ➤ Ознайомлення й початок роботи з HTML з нуля
HTML-код
- Опубликовано: 13 май 2024
- Це перший урок курсу HTML5 & CSS3 Стартовий від навчального центру CyberBionic Systematics.
Викладач: Богдан Мартиненко, FrontEnd розробник та тренер-консультант CyberBionic Systematics
Програма курсу:
1) Загальне знайомство з HTML. Призначення технології і сфери застосування.
2) Робота із зображеннями, таблицями та списками.
3) Каскадні таблиці стилів CSS. Частина 1.
4) Каскадні таблиці стилів CSS. Частина 2.
5) Позиціонування елементів. Види верстання.
6) Семантика HTML5. Нові теги.
7) Принципи побудови розмітки Flexbox.
8) Форми. Метатеги.
9) Практика.
10) Практика.
За підготовку таймкодів дякуємо користувачу Міша Пуля!
0:00 - Вступ
5:11 - Поняття тега та атрибуту
7:36 - Структура HTML сторінки
8:51 - DOCTYPE
9:36 - БЛОКОВІ ЕЛЕМЕНТИ
10:15 - Перша HTML сторінка
11:23 - Вставлення коментарів
12:41 - div - елементи
14:32 - Тег p - параграф
16:05 - Тег pre
17:29 - Теги br / та hr /
19:22 - Тег blockquote
20:27 - Заголовки
23:35 - РЯДКОВІ ЕЛЕМЕНТИ. ФІЗИЧНА РОЗМІТКА
23:55 - Тег b
25:45 - Тег bdi
26:17 - Атрибут dir
26:30 - Тег bdo
27:05 - Тег i
27:59 - Тег s
28:24 - Тег small
29:20 - Тег big
30:03 - Тег sup
30:34 - Тег sub
31:21 - Тег meter
32:44 - Тег progress
33:44 - Тег span
34:35 - РЯДКОВІ ЕЛЕМЕНТИ. ЛОГІЧНА РОЗМІТКА
35:33 - Тег abbr
36:13 - Тег cite
37:00 - Тег code
37:33 - Тег strong
38:04 - Тег em
38:27 - Тег del
38:57 - Тег ins
39:33 - Тег mark
39:59 - Тег q
40:29 - Тег samp
40:53 - Тег var
52:10 - РЯДКОВІ ЕЛЕМЕНТИ. ПОСИЛАННЯ
52:23 - Тег a, його атрибути
1:04:20 - Практика. Формула
1:09:26 - Практика. Створення сторінки
1:21:04 - Службові символи
1:24:08 - Гарячі клавіші
1:35:30 - div на прикладі
1:43:29 - поділ екрану на дві частини Дякуємо, що ви з нами!
Ми в соцмережах:
Telegram - t.me/cbs_info
Instagram - / cyberbionic_systematics
TikTok - / cb_systematics
Facebook - / cbsystematics
LinkedIn - / cbsystematics-development
👉 Сайт і курси CyberBionic Systematics: cutt.ly/q4axOV7
🔥Іде набір на навчання за 4 IT спеціальностями, запишись на безкоштовний пробний урок!
Спеціальність Python - cutt.ly/XZoPxwx
Спеціальність Frontend - cutt.ly/9ZoO1QA
Спеціальність .NET - cutt.ly/WZoPQ4D
Спеціальність Java - cutt.ly/zZoPtUL
Респект Вам хлопці та дівчата!
Дякую Вам!
дуже вам дякую за це вівдеою Шукала саме відео українською.
замінив серіали на ваші уроки! вдячний!
Дякую за урок, все зрозуміло :)
Спасибі! Цікаво послухати)
Дякую вам !
Щиро дякую. Урок дуже сподобався.
Лайфхак, дивимся на швидкості 1.25- 1.5
дякую
а як мені отримати доступ до домашніх завдань і чату? я пізно дізнався про цей курс(((
Классно, еще раз пересмотрел) жаль совсем мало просмотров, даже странно( загуглил пишут типа ютифай помогает, типа официальная реклама, без накрута.
1:21 - Знайомство з HTML
5:11 - Поняття тега та атрибута
7:36 - Структура HTML сторінки
8:51 - DOCTYPE
9:36 - БЛОКОВІ ЕЛЕМЕНТИ
10:15 - Перша HTML сторінка
11:23 - Вставлення коментарів
12:41 - div - елементи
14:32 - Тег - параграф
16:05 - Тег
17:29 - Теги та
19:22 - Тег
20:27 - Заголовки
23:35 - РЯДКОВІ ЕЛЕМЕНТРИ. ФІЗИЧНА РОЗМІТКА
23:55 - Тег
25:45 - Тег
26:17 - Атрибут dir
26:30 - Тег
27:05 - Тег
27:59 - Тег
28:24 - Тег
29:20 - Тег
30:03 - Тег
30:34 - Тег
31:21 - Тег
32:44 - Тег
33:44 - Тег
34:35 - РЯДКОВІ ЕЛЕМЕНТИ. ЛОГІЧНА РОЗМІТКА
35:33 - Тег
36:13 - Тег
37:00 - Тег
37:33 - Тег
38:04 - Тег
38:27 - Тег
38:57 - Тег
39:33 - Тег
39:59 - Тег
40:29 - Тег
40:53 - Тег
52:10 - РЯДКОВІ ЕЛЕМЕНТИ. ПОСИЛАННЯ
52:23 - Тег , його атрибути
1:04:20 - Практика. Формула
1:09:26 - Практика. Створення сторінки
1:21:04 - Службові символи
1:24:08 - Гарячі клавіші
1:35:30 - на прикладі
1:43:29 - поділ екрану на дві частини
Вау, чудово, дуже дякуємо за допомогу, додали до відео!)
@@CodeUA буде час з іншими також допоможу) дякую за такі гарні уроки, кращого контенту з програмування ще не зустрічав)
ти зайшов у групу в телеграмі? там є файл презентації?
А шо ніяк нізя було вірш з Кобзаря використати?
В якій онлайн школі ви працюєте? Хотів би попасти до Вас на курси frontend!)
Можна ссилку на телеграм для тих хто лише підписався?
Де знайти матеріали до уроків?
Добрий день, дуже вдячний за надану вами можливість! На жаль, довідався про ваші курси із значним запізненням, тому виникло питання: чи будуть доступні ці матеріали після 26 квітня?
Судячи з усього так)
О, а я якраз проходжу курс на вашому сайті російською, переглядаю по 2рази, тому що погано сприймаю інформацію російською ((
Дякую за заняття прикрипіть посилання на телеграм якщо можна
Добрий вечір, щоб отримати доступ до телеграм каналу потрібно заповнити цю форму - docs.google.com/forms/d/e/1FAIpQLScg52dI1pLrdwkHuXhXSV6FK7p4BFvn0hetP47lDOrSumksZA/viewform
@@CodeUA Вы уже заполнили форму , запрошення прийде на пошту чи у телеграм?
Якщо ви заповнили форму сьогодні, то запрошення прийде завтра
@@CodeUA Добрий день. Ще раз дякую, але запрошення в телеграм на жаль чомусь не прийшло
@@docman366 дивно, дайте тоді нам ваш контакт у телеграмі, ми додамо в ручному режимі