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

Подписаться 753

Просмотров 1,4 тыс.

50% 1

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

Опубликовано:

14 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 11

@greennmrtnm3342 8 дней назад

Спасибо!

@goodbye_itsradic Месяц назад

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

@TeaCoder Месяц назад

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

@mrjavin3942 5 дней назад

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

@2easy68 Месяц назад

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

@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 Месяц назад

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

@TeaCoder Месяц назад

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