HTML (HyperText Markup Language) – язык разметки (маркировки) гипертекста, который интерпретируется браузером и отображается в виде документав удобной для человека форме.
Гипертекст – это текст, содержащий в себе ссылки на другие документы (тексты). Такие ссылки называются гипертекстовыми. HTML дает возможность производить переход от одной части текста к другой, и, что замечательно, эти части могут храниться на совершенно разных компьютерах.
HTML не стоит путать с языками программирования, он создан специально для разметки веб-страниц. Именно язык разметки дает браузеру необходимые инструкции о том, как отображать тексты и другие элементы страницы на мониторе. Некоторые элементы корректно выглядящие в браузере Google Chrome могут выглядеть иначе в Internet Explorer и других браузерах, поскольку один и тот же скрипт в разных браузерах или в разных версиях одного и того же будет выполняться по-разному.
Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (веб-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними.
HTML описывает структуру документа. Например, HTML может описать, что документ имеет один заголовок, два абзаца и нижний колонтитул. Обратите внимание, что HTML ничего не говорит вам о том, как эти компоненты визуально разложены, как они выглядят, какого цвета и т. д. Он определяет только те компоненты, которые составляют документ.
В качестве аналогии, если бы я описывала дом, заявив, что в нем есть три комнаты и кухня, это не сообщило бы вам о цвете стен кухни или размере трех комнат. Единственное, что вы будете знать, это то, какие компоненты составляют дом.
HTML-документ — это текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (SublimeText, Notepad++, Brackets и т.п.). Гипертекстовые документы хранятся в файлах с расширением .htm или .html.
HTML-документ состоит из дерева HTML-элементов и текста. Все действия, которые должен совершить браузер при просмотре HTML-документа, описываются тегами.
Тег(tag), в простейшем случае, состоит из заключенного в угловые скобки ”<>” имени тега. Большинство тегов парные.
Открывающий тег показывает, где начинается элемент, конечный — где заканчивается. Внешне закрывающий тег отличает от открывающего присутствием слэш (/) перед именем тега. Между начальным и закрывающим тегами находится содержимое тега — контент.
Незакрывающиеся (одиночные) теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег <input type="button" value="Button"> создаст кнопку с текстом Button внутри.
Теги могут вкладываться друг в друга, например, <p><u>Text</u></p>. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной: <p><u>Text</p></u>.
HTML-элементы могут иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате font-size="20px" (имя атрибута=”значение”). Атрибуты позволяют изменять свойства и поведение элемента, для которого они заданы.
Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега. Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения class записываются через пробел, <div class="nav top">. Значения class и id должны состоять только из букв, дефисов, нижних подчеркиваний и цифр и должны начинаться только с букв или цифр.
Браузер просматривает (интерпретирует) HTML-документ, выстраивая его структуру (DOM) и отображая ее в соответствии с инструкциями, включенными в этот файл (скрипты, таблицы стилей). Если разметка правильная, то в окне браузера будет отображена HTML-страница, содержащая HTML-элементы — таблицы, изображения, заголовки, текст и т.д.
Процесс парсинга (интерпретации) начинается прежде, чем веб-страница полностью загружена в браузер. Браузеры обрабатывают HTML-документы последовательно, с самого начала, при этом обрабатывая CSS и соотнося таблицы стилей с элементами страницы.
HTML давно перестал быть просто языком программирования. Человек, изучавший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро, что в компьютерном мире не так уж и мало.
HTML является основой моды в Интернете.
HTML, как основа создания WEB-страниц, имеет прямое отношение и к новому направлению изобразительного искусства – WEB-дизайн. Художнику в Интернете недостаточно просто нарисовать красивые картинки, оригинальный логотип, создать новый фирменный стиль. Он должен еще поместить все это в Сети, продумать связь между WEB-страницами, чтобы все двигалось, откликалась на действие пользователя, поражало воображение, вызывало желание создать что-нибудь свое, оригинальное в этой области.
HTML-документ состоит из двух разделов:
- заголовка — между тегами <head>…</head>. Если заголовок указан, в нем обязательно должен присутствовать тег <tittle>…</tittle>. Текст, размещенный между тегами <tittle>…</tittle>, - это заголовок страницы, который отображается не на странице, а в заголовке окна браузера.
- основной части — между тегами <body>…</body>. Это тело документа, в котором размещается вся отображаемая браузером информация.