HTML5 #1 Базовая структура HTML документа (Base HTML Document Structure)
#YauhenK #webDev #HTML #HTML5
Всех приветствую в курсе «HTML5».
В данном видео-курсе мы с вами рассмотрим все возможности языка гипертекстовой разметки HTML.
А это, между прочим, основа каждого веб-сайта, или веб-приложения.
Разберём основы, а так же изучим большинство новых тэгов, которые появились с новым стандартом HTML5.
Дополнительно рассмотрим такие понятия, как:
- Валидация HTML документа.
- Семантика.
- Accessibility, или доступность.
По окончанию курса вы научитесь понимать и разбираться в структуре любого HTML документа.
✒ Репозиторий курса:
✔ GitHub: github.com/YauhenKavalchuk/html5
✒ Используемые ресурсы и инструменты:
✔ Atom (редактор кода): atom.io
✒ Полезные ссылки:
✔ W3 Валидатор: validator.w3.org
✔ Доступность: developers.google.com/web/fun...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ KZread: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...
Пікірлер: 73
эти уроки просто образец как нужно делать обучающее видео. Класс
@YauhenKavalchuk
3 жыл бұрын
Спасибо за отзыв)
Спасибо! Как всегда на высшем уровне!)
отличный ролик))) ждем продолжения))
Все четко и понятно. Спасибо!
Спасибо большое) Ждем тайпскрипт:))
Привет из Узбекистана, это курс очень хороший
@YauhenKavalchuk
2 ай бұрын
Всегда пожалуйста
Все подробно, по делу и доступным языком. Супер!
@YauhenKavalchuk
2 жыл бұрын
Спасибо за отзыв)
Спасибо! Как ни странно, было интересно) Я имею ввиду, что не совсем новичок, но кое-что новое узнала.
Привет! Хорошее начало!
Отлично!
Спасибо за курс и проделанную тобой работу! +1 для продвижения видео!
@YauhenKavalchuk
Жыл бұрын
Спасибо за отзыв
крутяк, давай сразу семантические теги смотреть)
Только что начинал уже есть результат спасибо за уроки!!!
@YauhenKavalchuk
Жыл бұрын
Пожалуйста
супер видео, ничего лишнего,сделай курс по bootsrap!
Хороший канал, начну обучение с вами)
@YauhenKavalchuk
3 жыл бұрын
Отлично)
Спасибо, очень вкрадчивое объяснение)
@YauhenKavalchuk
3 жыл бұрын
Пожалуйста
Хорошо объясняете, спасибо за отличный материал, Евгений!! Лайк и подписка! Для тех, кто так же как я скачал Атом и приём с восклицательным знаком не сработал - установите пакет Emmet.
@YauhenKavalchuk
2 жыл бұрын
👍
Мало, но хорошо!
Спасибо!
@YauhenKavalchuk
3 жыл бұрын
Пожалуйста
*Здравствуйте, подключаюсь к вам в продуктивные дни) 🤗 12.03.20*
@YauhenKavalchuk
2 жыл бұрын
👍
Html6 нужен, встроен ИИ, неск стилей оформления разных строк, +защита от внедрения в файлы нехороших вирусов/программ взлома и пр фигни, мож нажимаешь слово и в микро окне описание этого слова(особенно сложных или редких) большее сжатие без потерь качества видео музыки фото мож документов...
@YauhenKavalchuk
10 ай бұрын
🤔
Хорошо было бы чуть-чуть увеличить картинку, а то на небольшом экране плоховато видно, а так все хорошо, будем смотреть, спасибо. Лайк.
@YauhenKavalchuk
2 жыл бұрын
Пожалуйста
Спасибо! Доступно, понятно и интересно) Евгений, позвольте вопрос пожалуйста. Как вы рекомендуете обучаться? Посмотреть Ваш урок и потом попробовать самому написать Ваш код? 🙂
@YauhenKavalchuk
Жыл бұрын
Можно и параллельно- смотреть и писать
Добрый день! Спасибо за курс, все подробно и понятно) Такой вопрос: вы сказали, что файл index.html должен лежать именно в корне проекта, можете пожалуйста обьяснить почему?
@YauhenKavalchuk
4 жыл бұрын
Потому что при переходе по URL адресу ищется именно этот файл
Почему используете редактор кода "Atom", он в чем-то лучше/удобнее Sublime Text 3 ? Какой редактор можете посоветовать ?
@YauhenKavalchuk
4 жыл бұрын
Использойте тот редактор кода с которым вам удобно работать
а когда примерно тайп скрипт? я так понимаю после этого курса, но по таймингам это когда примерно?
@YauhenKavalchuk
4 жыл бұрын
Середина марта
Будьте любезны, подскажите какой-нибудь браузер, который совместится с виндоусом и желательно чтобы был полегче весом и побюджетнее обходился, может есть даже безплатный, хотя трудно, наверное таковые найти на сегодняшний день. 🧀🐭
Здравствуйте, подскажите для обучения html мне хватит ноутбука с оперативкой в 4 гб?
@YauhenKavalchuk
3 жыл бұрын
Хватит
Краткость сестра таланта , маэстро подскажите как поставить тёмную консоль? название темы в расширениях хрома не нашёл. Заранее спасибо !)
@YauhenKavalchuk
4 жыл бұрын
Это обычный флаг, встроенный в браузер
Как часто будут выходить ролики?
@YauhenKavalchuk
4 жыл бұрын
2 раза в неделю
Всё понял, только в самом начале после восклицательного знака "!" нажимаю TAB, а ставится просто "пробел" и остальной код не дописывается( Может Atom как-то не так настроен?
@YauhenKavalchuk
4 жыл бұрын
Возможно, у меня по дефолту всё завелось
@kedroviyninja1779
4 жыл бұрын
скорее всего нужно установить плагин emmet и загуглить его базовый синтаксис
@mickeyshustle3116
4 жыл бұрын
У меня такая же проблема, у вас получилось разобраться?
@YauhenKavalchuk
4 жыл бұрын
Просто установите Emmet!)
@gordejuk
3 жыл бұрын
заходим в atom, вкладка file, потом preferences или settings если виндоус, потом install, в поисковой строке вводим emmet, нажимаем установить. я тоже первым делом столкнулся, может кому будет полезно)
У меня "! + Tab" не работает. Работает "HTML + Tab"
@YauhenKavalchuk
2 жыл бұрын
👍
а что если при открытии показывает сам код?
@YauhenKavalchuk
Жыл бұрын
Проверьте расширение файла. Такого не может быть в принципе
Уроки хорошие, всё доходчиво. Вот только один момент, атом скачал установил ставлю "!" жму tab а редактор не желает сам всё заполнить и в чем проблема мне не понятно
@YauhenKavalchuk
Жыл бұрын
Установите плагин emmet
@user-py8ri4ji4s
Жыл бұрын
@@YauhenKavalchuk Спасибо, работает. Я конечно догадывался что проблема в плагинах, но вот не понимал какой именно плагин нужен. Если можешь запиши видео, о том в какие редакторы ты выбираешь для того или иного кода, какие у них фишки и почему этот редактор лучше для HTML а этот для CSS и так далее. Расскажи какую настройку делаешь.
@YauhenKavalchuk
Жыл бұрын
Есть такое видео. Смотрите в плейлистах подборка плагинов и инструментов - видео про vs code
@user-qj5qm6ys9v
Жыл бұрын
@@YauhenKavalchuk Круть, я час ебался, искал в поисковике что со мной не так и почему у меня не работает эта волшебная команда. Оказывается автор как всегда умолчал о главном, что нужно установить плагины. Всегда нравились мне такие учебные материалы, где тебе объясняют самые азы как в первом классе, но при этом о том что ты должен поставить плагины, ты должен догадаться сам.
вот у меня при нажатии !+tab ничего не выскочило
@YauhenKavalchuk
2 жыл бұрын
Если не сработало, попробуйте установить плагин emmet!
+10=)
@YauhenKavalchuk
3 жыл бұрын
Спасибо
я не смог найти корневую папку
@YauhenKavalchuk
Жыл бұрын
🤷♂️
Напишите название шрифта которое вы использовали.
@YauhenKavalchuk
4 жыл бұрын
Это стандартные шрифты для MacOS
@kirill-mz3bq
2 жыл бұрын
@@YauhenKavalchuk вот всё супер, подскажите как открыть проект в браузере чтобы посмотреть что получилось?