Быстрый курс HTML и CSS за час | HTML и CSS для начинающих

  Переглядів 877

TeaCoder

TeaCoder

День тому

Поддержать автора - www.donationalerts.com/r/teac...
Поддержи видео лайком, 10 лайков 👍 и я делаю полный курс по JavaScript!
Скачать 🖥 готовый проект - teacoder.ru/projects/html-css
🦋 ТГ канал - t.me/teacoder_official
Дизайны для практики:
1) dribbble.com/shots/18360821-W...
2) dribbble.com/shots/18946874-W...
3) dribbble.com/shots/19756767-w...
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
Новое большое видео на канале! Сегодня я представляю быстрый курс по изучению HTML и CSS для начинающих. Этот материал поможет вам освоить HTML и CSS с нуля всего за 1 час. В этом ролике вы найдете как практические примеры использования HTML и CSS в проекте, так и немного теории. Этот видеокурс - отличное введение в HTML и CSS для новичков. Приятного просмотра!
00:00:00 - Начало
00:00:15 - Программа для разработки VsCode или Webstorm
00:01:53 - Основная разметка
00:03:40 - Метаданные и подключение файлов
00:07:42 - Работа с текстом
00:12:45 - Работа со списками
00:15:42 - Работа с изображениями
00:19:10 - Работа с ссылками
00:24:51 - Работа с формами
00:29:52 - Работа с селекторами выбора
00:32:00 - Что такое CSS
00:35:58 - Стили для текста
00:41:39 - Стили для блоков
00:48:41 - Псевдоклассы и псевдоэлементы
00:52:27 - Вёрстка сайта
01:18:07 - Какой план обучения дальше?
Дизайн проекта - dribbble.com/shots/18163937-W...

КОМЕНТАРІ: 8
@goodbye_itsradic
@goodbye_itsradic 27 днів тому
От души, парень! Я редко оставляю комментарии, но твой канал этого заслуживает (именно канал, не только видео) 🥀
@TeaCoder
@TeaCoder 27 днів тому
Спасибо большое!
@2easy68
@2easy68 Місяць тому
Здравствуйте я когда прописывая звездочку со скобками для margin: 0; padding: 0 выдает ошибку и переносит звездочку и скобку в конец строки Import
@TeaCoder
@TeaCoder Місяць тому
Скорее всего это происходит из-за того что вы забыли поставить ";" в конце импорта. Наверное ваш импорт выглядит вот так: @import url('fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Instrument+Serif:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap') а нужно поставить ";" в конце. Вот так: @import url('fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Instrument+Serif:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@2easy68
@2easy68 Місяць тому
@@TeaCoder Спасибо все заработало, я просто не внимательный)
@TeaCoder
@TeaCoder Місяць тому
@@2easy68 Всегда пожалуйста! Только дам тебе один очень полезный совет. Сначала попробуй сам 3 раза найти ошибку: такие простые ошибки можешь отследить при помощи Visual Studio Code, просто наведи на неё. А если ошибка посложнее, то попробуй её поискать в интернете. А если ни то, ни другое не помогло, то можешь уже задавать вопрос в комментариях или где-нибудь ещё. Так ты выработаешь навык поиска информации в интернете, а это очень важно для программиста. Удачного кодинга!
@Aleksey_Tyrtygin
@Aleksey_Tyrtygin Місяць тому
Спасибо но emmet же встроен в vscode
@TeaCoder
@TeaCoder Місяць тому
Я на всякий случай сказал
TypeScript за 40 минут
43:57
TeaCoder
Переглядів 556
Повістки у Києві: «Яке право вони мають забирати всіх мужиків?» #війна #мобілізація #військові
00:41
Слідство.Інфо | Розслідування, репортажі, викриття
Переглядів 634 тис.
Это Самое СКОЛЬЗКОЕ ВЕЩЕСТВО!
21:17
Thoisoi
Переглядів 199 тис.
Реальные свидетельства космонавтов об НЛО
28:55
Космос Просто
Переглядів 250 тис.
МОЙ ПЕРВЫЙ ТЕЛЕФОН - Sony Erricson T280i
18:02
ЗЕ МАККЕРС
Переглядів 47 тис.
Build Anything with OpenAI Assistants, Here’s How
12:31
David Ondrej
Переглядів 11 тис.