HTML (от англ. HyperText Markup Language «язык разметки гипертекста») язык, на котором описывается объектная модель гипертекстового документа, предназначенного для вывода в окно браузера.
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли (Tim
Berners-Lee) в 19911992 гг., в то время, когда он работал в ЦЕРН
(CERN) Европейский совет по ядерным исследованиям в
Женеве (Швейцария). А немного раньше, в 1989 году Тим Бернерс-Ли
предложил саму идею Всемирной гипертекстовой паутины.
Язык HTML приобрёл популярность благодаря браузеру
«Мозаика» разработанному в NCSA (National Center for
Supercomputing Applications) и взрывообразному росту популярности
Сети в 90-е годы.
Объекты документа (заголовки, абзацы, рисунки ) описываются на HTML при помощи элементов (конструкций языка HTML) для построения которых используются теги.
Тег (англ. tag) языковая конструкция, имеющая вид:
<ИМЯ атрибуты>
За открывающей угловой скобкой записывается ключевое слово языка имя элемента. Через пробел следует список атрибутов (может отсутствовать), задающих свойства элемента.
Элементы могут описываться как одиночными тегами, так и парными. Закрывающий тег в паре отличается от открывающего символом «/» (косая черта) перед именем тега. Атрибуты в закрывающем теге отсутствуют.
Таким образом, описание элемента на языке HTML может иметь одну из двух форм:
Форма 1 | Пример | Вид на экране | Пояснение |
---|---|---|---|
|
|
Важный текст |
Элемент «сильное выделение текста». |
Форма 2 | Пример | Вид на экране | Пояснение |
---|---|---|---|
|
|
![]() |
Элемент «изображение» (описание вывода на экран картинки из файла pic.gif). |
Атрибут средство для описания свойств элемента. Атрибут задаётся ключевым словом или ключевым словом, за которым через знак равенства в прямых («технических») кавычках записывается его значение:
имя="значение"
Если значение атрибута содержит только буквы, цифры, дефис и точки, кавычки можно не писать.
От имени тега и между собой атрибуты отделяются одним или несколькими пробелами:
Пример | Вид на экране | Пояснение |
---|---|---|
|
|
Горизонтальная линия без тени толщиной в 5 пикселов. |
Регистр, в котором набрано имя элемента, имена атрибутов и их значения, в HTML может быть любым.
Из этого правила есть исключение: если значением атрибута является имя файла (или путь к файлу), то регистр имеет значение для таких операционных систем, как Unix или Linux (под ними обычно работают Web-серверы).
Элементы могут вкладываться друг в друга.
Пример | Вид на экране | Пояснение |
---|---|---|
|
Это слово очень важное | Элемент «выделение» (курсивное начертание) расположен внутри элемента «сильное выделение» (полужирное начертание). |
Программа на HTML имеет следующую структуру:
Общий вид | Пример |
---|---|
|
|
Элементы в головной части описывают общие правила интерпретации HTML-кода и содержат вспомогательную информацию о документе и его авторе. Головная часть содержит также элемент TITLE, задающий заголовок окна, в котором будет отображаться документ.
Элементы в теле программы задают построение экранного образа документа в окне браузера.