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

Поддержать автора - 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...

Пікірлер: 13

  • @goodbye_itsradic
    @goodbye_itsradic2 ай бұрын

    От души, парень! Я редко оставляю комментарии, но твой канал этого заслуживает (именно канал, не только видео) 🥀

  • @TeaCoder

    @TeaCoder

    2 ай бұрын

    Спасибо большое!

  • @greennmrtnm3342
    @greennmrtnm3342Ай бұрын

    Спасибо!

  • @mrjavin3942
    @mrjavin394229 күн бұрын

    А как поделиться сайтом? Т е не открыть для всех, а например, сделать его доступным только по ссылке?

  • @2easy68
    @2easy682 ай бұрын

    Здравствуйте я когда прописывая звездочку со скобками для margin: 0; padding: 0 выдает ошибку и переносит звездочку и скобку в конец строки Import

  • @TeaCoder

    @TeaCoder

    2 ай бұрын

    Скорее всего это происходит из-за того что вы забыли поставить ";" в конце импорта. Наверное ваш импорт выглядит вот так: @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

    2 ай бұрын

    @@TeaCoder Спасибо все заработало, я просто не внимательный)

  • @TeaCoder

    @TeaCoder

    2 ай бұрын

    @@2easy68 Всегда пожалуйста! Только дам тебе один очень полезный совет. Сначала попробуй сам 3 раза найти ошибку: такие простые ошибки можешь отследить при помощи Visual Studio Code, просто наведи на неё. А если ошибка посложнее, то попробуй её поискать в интернете. А если ни то, ни другое не помогло, то можешь уже задавать вопрос в комментариях или где-нибудь ещё. Так ты выработаешь навык поиска информации в интернете, а это очень важно для программиста. Удачного кодинга!

  • @Aleksey_Tyrtygin
    @Aleksey_Tyrtygin2 ай бұрын

    Спасибо но emmet же встроен в vscode

  • @TeaCoder

    @TeaCoder

    2 ай бұрын

    Я на всякий случай сказал

  • @kolkimenko7707

    @kolkimenko7707

    23 күн бұрын

    Я тож заметил и удивился

  • @pavelgurevich4018
    @pavelgurevich401812 сағат бұрын

    кнопка github на сайте не работает

  • @TeaCoder

    @TeaCoder

    12 сағат бұрын

    исправил