ГИПЕРТЕКСТОВЫЙ ЯЗЫК РАЗМЕТКИ (HTML)

Опубликовал: Thursday, July 26, 2024 в категории PHP | Пока нет комментариев

HTML (от англ. HyperText Markup Language – «язык разметки гипертекста») – стандартный язык логической разметки докумен- тов в Интернете. HTML – не инструкции по визуализации текста (это задача CSS, см. раздел 3) и не язык программирования (это задача JavaScript и PHP, см. разделы 4 и 5). Он предназначен ис- ключительно для структурирования текста. HTML – инструмент, позволяющий сказать: этот текст является абзацем, этот – заголов- ком, этот – цитатой, этот – ссылкой, этот – списком, а этот объект – изображение и т.д. Такой подход позволяет производить машин- ную обработку текстов и, при необходимости, формировать про- стейший визуальный ряд.

Программные средства, которые на основе инструкций HTML, помещенных в обычный текстовый файл, осуществляют интерпре- тацию текста и графики, получили название browser (он же – обо- зреватель Интернет). При этом по умолчанию обозреватели Интер- нет визуализируют инструкции в соответствии с общепринятыми нормами (далее – Стандартное отображение).

Рекомендуется все HTML-документы создавать с расширением html, чтобы упростить задачу и серверному и клиентскому про- граммному обеспечению в идентификации содержания файла.

Любой HTML-документ – это набор элементов вида

"элемент" := <"имя элемента" ["список атрибутов">

содержание элемента <]/["имя элемента"]>

Конструкции, выделенные в треугольные скобки, называются тегами. В случае наличия содержания элемента выделяют откры- вающий тег вида <"имя элемента" ["список атрибутов"]> и за- крывающий тег вида </"имя элемента">.

Пример элемента:

<p>текст параграфа</p>

Имена элементов могут набираться в любом регистре, т.е.

<strong>, <STRONG> и <sTRong> равнозначны. Также обозрева-

тель никак не обрабатывает символы табуляции и пробела, если их больше одного, т.е. если в тексте ставится несколько пробелов или символов табуляции, то на экран выводится только один пробел в обоих случаях.

Элементы должны либо следовать друг за другом, либо быть вложены один в другой. Например:

<p><em>Выделяемый текст</em> другой текст</p>

<p>второй абзац</p>

Атрибуты позволяют управлять свойствами элемента, всегда включаются в открывающий тег элемента и имеют вид

имя_атрибута="значение_атрибута"

Друг от друга и от имени элемента атрибуты отделяются пробе- лами. Например, элемент img (изображение) имеет атрибут src, указывающий расположение файла с изображением, и атрибут alt, задающий альтернативный текст на тот случай, если обозреватель Интернет не отображает графику и для вывода всплывающей под- сказки к изображению

<img src="mephi.gif" alt="МИФИ" />

Необходимо обратить внимание, что тег img, как и некоторые другие элементы, не требует закрывающего тега, так как не имеет содержания. В этом случае можно, ставить перед закрывающей треугольной скобкой символ дроби «/». Во всех остальных случаях закрывающий тег обязателен.

Источник: Филиппов С.А. Основы современного веб-программирования: Учебное пособие. М.: НИЯУ МИФИ, 2011. – 160 с.

Похожие посты:

Комментировать

Your email address will not be published. Required fields are marked *