Сегодня мы предлагаем вам ознакомится с небольшим курсом по HTML5 и CSS3. Курс небольшой, но довольно познавательный, он направлен больше на новичков, вы сможете получить базовые знания, но не больше. Автором данного курса является интересный, но уже заброшенный проект webtheory.
Курс состоит из 10 коротки видео роликов.
Приятного просмотра =)
Часть 1. Введение в HTML
В данном вводном уроке будет рассказано базовое устройство документов HTML, будет раскрыто значение HTML, а так же будет раскрыто понятие дескрипторов.
https://www.google.com/intl/en/chrome/ – браузер
http://www.brackets.io/ – кодовый редактор
Часть 2. Работа с текстом в HTML
В данном видео мы узнаем несколько различных типов (групп) тегов и узнаем, как можно работать с текстом в HTML.
Часть 3. Списки
В данном уроке будет рассказано про списки в HTML, про их атрибуты и некоторые хитрости.
Часть 4. Таблицы
В данном видео мы научимся работать с таблицами в HTML
Часть 5. Изображения
В данном уроке пойдет речь об изображениях, как их подключать, какие атрибуты они имеют. Большую часть урока посвящено атрибуту srcset, который появился в HTML5.
Часть 6. Ссылки
В данном уроке речь пойдет о ссылках и их атрибутах, под конец урока будут затронуты практические вопросы.
Часть 7. iframe
В данном уроке речь пойдет об iframe, вы узнаете, что это такое и зачем это нужно, а также узнаете интересные атрибуты из HTML5.
Часть 8. Формы
В данном уроке мы разберем практически все, что относится к формам в HTML, в особенности HTML5. Так как урок получался достаточно большой я вырезал часть не особо актуальной информации, с редко используемыми атрибутами вы сможете ознакомится в официальной документации: http://www.whatwg.org/specs/web-apps/… или на сайте Mozilla Developer Network: https://developer.mozilla.org/en-US/d…
Часть 9. Семантика
В данном видео мы начнем рассматривать основы семантики в HTML5.
Все новые теги, упомянутые в уроке, не поддерживаются многими браузерами, в частности IE (хотя это не браузер, так что все ок). Для корректной работы тегов, необходимо прописать в CSS свойство display со значением block, чтобы теги отображались как блочные. P.S. для IE нужна своя “заглушка” на js, взять можно тут: http://html5shiv.googlecode.com/svn/t…
https://www.w3.org/TR/html-markup/data… – стандарт написания datetime
Часть 10. Видео и аудио
В данном видео мы научимся работать с видео и аудио, используя возможности в HTML5.
На этом данный курс заканчивается. Если вам было интересно, напишите нам об этом, мы будем чаще публиковаться подобный материал.