Если вы откроете любую веб-страницу (например, созданную с помощью блокнота в прошлом уроке), то увидите, что каждый её элемент стоит на своём месте и имеет свой стиль: текст набран определённым шрифтом определённого размера и цвета, линии в таблицах имеют фиксированную толщину, расстояние между абзацами отличается от расстояния между строчками в них, но по всему документу оно одинаково, все ссылки имеют отличное от основного текста оформление и т. д. Так вот HTML — тот самый инструмент, который позволяет внешний вид и расположение объектов на веб-странице определить.
HTML — это язык разметки гипертекста (HyperText Markup Language), специально созданный и до сих пор успешно используемый для форматирования веб-документов. Конечно, есть и другие языки разметки (WML, XHTML, XML), но HTML среди них самый популярный и широко используемый в веб, так как он функционален и одновременно прост.
Что может HTML?
С помощью одного лишь этого языка можно создавать простые сайты со статичными (не меняющими своего содержимого) страницами. Документы HTML имеют расширение .HTM или .HTML и могут содержать текст, картинки, видео и музыку, ссылки, таблицы. С помощью языка можно отображать, но нельзя обрабатывать, поэтому чаще всего инструмент используют в связке с другими средствами, такими как PHP, JavaScript, Python.
На чистом же HTML можно создать, например, сайт-визитку, но для того, чтобы обновить информацию на таком ресурсе, нужно будет каждый раз редактировать код, так что без дополнительных инструментов веб-разработки язык разметки целесообразен для маленьких сайтов, информацию на которых нужно обновлять крайне редко или даже никогда.
Кому и зачем нужен HTML?
HTML — это никак не язык программирования, как почему-то многие любят рассказывать. Это — язык разметки, который можно отнести к вёрстке и дизайну, но никак не к разработке, поэтому человек, научившийся форматировать интернет-страницы, программистом не становится, а становится просто человеком, знающим HTML.
Хотя на «голом» языке нельзя делать порталы и функциональные сервисы, при их разработке он всё равно используется, просто не сам по себе, а в связке с другими средствами разработки. По этой причине понимать и уметь применять HTML должен любой веб-мастер, веб-программист, контент-менеджер, да и всякому хоть как-то связанному с сайтостроением человеку это знание не помешает. HTML — основа, и его изучение небезосновательно можно считать первым шагом веб-мастера.
Версии HTML
В настоящее время самой популярной версией языка разметки считается 4.01, однако с каждым днём всё большую популярность приобретает HTML 5. HTML 5 — это редакция, расширяющая функциональность версии 4.01, но при этом почти полностью с ним совместимая. Не стоит бояться, что она не поддерживается браузерами — как уже было сказано, эта версия лишь расширяет возможности предыдущей, поэтому для полной совместимости достаточно просто не использовать новые возможности языка, и тогда браузеры точно правильно поймут весь код.
Учебник HTML 5
- Пример создания сайта на HTML через блокнот
- Adobe Dreamweaver - визуальный HTML-редактор сайтов
- Основные HTML-теги
- Атрибуты HTML-тегов
- Форматирование текста в HTML
- Создание списков в HTML
- Создание ссылок в HTML
- Вставка изображения в HTML
- Создания форм в HTML
- Фреймы в HTML
- Создание таблицы в HTML
- Табличная HTML верстка сайта
- Что такое CSS или каскадные таблицы стилей?
- Форматирование текста с CSS
- Оформление шрифтов в CSS
- Оформление ссылок в CSS
- Оформление таблиц в CSS
- Оформление списков в CSS
- CSS-фон
- CSS-рамки
- Блочная верстка сайта
- PHP include: как использовать в HTML верстке сайта?
- Создание дизайна сайта в фотошопе с нуля
- Верстка сайта из PSD макета
- Создание сайта на CMS
Чтобы редактировать HTML online воспользуйтесь визуальным редактором по ссылке.
Полезные ссылки:
- Основы HTML — бесплатный 2-х часовой видеокурс по основам HTML;
- Бесплатный курс по верстке сайта — пример блочной вёрстки с чистого листа;
- Вёрстка сайта с нуля 2.0 — полноценный платный курс;
- Создание приложений для Android — для тех, кто давно хотел попробовать себя в мобильной разработке (не для новичков).