HTML (HyperText Markup Language) – это язык гипертекстовой разметки документа, описывающий форму отображения информации на экране. Т.е. этот язык описывает что именно будет располагаться на нашей странице, т.е. отвечает на вопрос что?. Т.е. картинки, текст, ссылки, таблица, формы для ввода какой-то информации и .т.д. и т.п.
CSS отвечает на вопрос как?. Т.к. как будет выглядеть то что мы накидали на страницу с помощью HTML.
В настоящее время существует несколько версий HTML, самые распространенные из них:
- HTML 4.01;
- XHTML;
- HTML 5.
Версию HTML 5 поддерживают сейчас следующие Web-браузеры:
- Microsoft Internet Explorer – начиная с версии 9;
- Mozilla Firefox – 4.0;
- Google Chrome -6.0;
- Opera – 11.1;
- Apple Safari – 5.0.
Как можно из этого видеть, HTML 5 поддерживается уже всеми современными браузерами, поэтому мы будем изучать именно его, без оглядки на предыдущие версии.
Для новых тегов и атрибутов (параметров тегов), появившихся в HTML 5, мы будем явно указывать версию языка. Поэтому, если у вас есть большое желание или необходимость поддерживать старые версии Web-браузеров, теги и атрибуты, введенные версией HTML 5, лучше не использовать. Получить полную информацию о текущей поддержке тегов и параметров Web-браузерами можно на сайте http://caniuse.com/
Теги бывают блочные и строчные. Если нам необходимо сделать из блочного тега строчный или наоборот, то для этого используется CSS-атрибут:
селектор{display: block}