Язык гипертекстовой разметки (HTML) является языком Всемирной Паутины. Первая версия этого языка была опубликована в 1992 году. С тех пор HTML прошел через множество модификаций и сейчас находится на версии 5. (Хотя версия 5 фактически все еще не была официально принята в качестве стандарта, но уже поддерживается довольно хорошо в современных браузерах).
HTML - это так называемый язык разметки, с помощью которого можно структурировать контент. За форматирование контента отвечают таблицы стилей. Больше информации об этом будет в следующем разделе.
Ответственным за развитие HTML является World Wide Web Consortium (сокращенно W3C).
Рекомендуется регулярно следить за сайтом W3C, чтобы быть в курсе последних событий в области Веба.
Когда вы работаете с HTML, один вопрос играет решающую роль: Какую версию следует использовать? Вы, конечно, можете предположить, что язык HTML постоянно обновляется. Новые элементы добавляются, старые удаляются.
Вот основные версии языка HTML:
• HTML (ноябрь 1992): Это была первая версия. Здесь акцент был исключительно на текстовых документах.
• HTML 2.0 (ноябрь 1995): Теперь есть элементы для изображений и форм.
• HTML 4.0 (декабрь 1997): Появляются таблицы стилей, фреймы и скрипты.
• XHTML 1.0 (январь 2000): Это переформулирование HTML 4.0 с использованием XML.
• HTML5 (апрель 2009): Это все еще рабочий проект, а не официально принятый стандарт.
В следующих уроках основное внимание будет уделяться HTML5. Потому что с HTML5, наконец, снова начнется движение в мире HTML. Новая спецификация предлагает множество интересных нововведений, таких как значительно удобные формы, индикаторы прогресса, элементы рисования и улучшенная структура документа. Кроме того, новый стандарт позволяет встраивать видео на веб-страницы без плагинов и предоставляет интерфейс для перетаскивания.&-Drop.
Первое предложение по HTML5 было опубликовано в 2004 году группой WHATWG под названием Web Applications 1.0.
Хотя HTML5 до сих пор не официально принят в качестве стандарта, производители браузеров уже внедрили множество функций HTML5 в свои продукты. Это неудивительно, ведь WHATWG является альянсом производителей браузеров Apple, Mozilla и Opera. WHATWG была создана в качестве прямой реакции на медленное развитие Веб-стандартов со стороны World Wide Web Consortium (W3C).
Можно задать вопрос, что побудило производителей браузеров разработать собственный стандарт HTML. Ведь до сих пор развитие HTML было фиксировано W3C. С точки зрения производителей браузеров проблемы начались с того, что W3C преобразовал HTML 4.01 в XHTML 1 без значительных контентных исправлений. Изначально W3C планировало утвердить XHTML 1 как первый шаг к установлению XML-ориентированного Веба. Конечной целью разработчиков был XHTML 2. Именно этот подход к XML смутил производителей браузеров. С их точки зрения подход XML непрактичен и не отражает реальные потребности пользователей (хотя W3C считает обратное).
С 2007 года W3C и WHATWG совместно работают над спецификацией HTML5. Последние разработки HTML5 можно найти на сайте http://www.w3.org/TR/html5/.
В следующих уроках основное внимание будет уделяться именно HTML5.
CSS для форматирования
Вы наверняка уже работали с шаблонами документов в Word или других текстовых редакторах. Например, если вы выделили строку, то можете выбрать стиль.
В зависимости от форматирования, выбранного для стиля в документе, будет отображаться заголовок. При изменении шаблона в документе меняется также внешний вид заголовка.
Что имеет отношение к HTML? Для HTML-документов также существуют стили. Эти стили могут быть определены с помощью CSS (каскадные таблицы стилей). Благодаря CSS, например, можно задать, что основные заголовки (h1) должны быть высотой 22 пикселя и отображаться зеленого цвета шрифтом Arial.
Таблицы стилей позволяют строго разделять структуру и оформление. Для структурирования документов используется HTML, а внешний вид элементов определяется с помощью CSS.
Что вам нужно
В следующих уроках вы пошагово узнаете HTML и CSS. Чтобы сами создавать веб-сайты на основе HTML и CSS, вам не нужно использовать сложное программное обеспечение. Проще всего использовать - если вы работаете в Windows - стандартный редактор.
Он, конечно, не очень удобный, но подойдет для начала. Тем, кто любит немного больше комфорта, стоит поискать "настоящий" HTML-редактор. Один из классических вариантов, конечно же, Dreamweaver.
Однако этот редактор не бесплатный.
Напротив, для частных пользователей бесплатным является phase5 (http://www.phase5.info/). Если вы собираетесь использовать редактор для личных целей, то это хороший и бесплатный инструмент.
Помимо редактора вам также нужно установить основные браузеры для тестирования веб-сайта. На самом деле браузеры иногда толкуют HTML и CSS довольно своеобразно. В связи с этим тщательное тестирование страниц в различных браузерах является обязательным. Вам нужно установить как минимум Internet Explorer, Google Chrome и Mozilla Firefox. Идеально также протестировать страницу в браузере Opera и на планшете/смартфоне.
