Html теги (на примере p, br, hr) и их атрибуты. HTML элементы: одиночные и парные теги (открывающий и закрывающий тег) Парный тег

HTML-теги — основа языка HTML. Теги используются для разграничения начала и конца элементов в разметке.

Каждый HTML-документ состоит из дерева HTML-элементов и текста. Каждый HTML-элемент обозначается начальным (открывающим) и конечным (закрывающим) тегом. Открывающий и закрывающий теги содержат имя тега.

Все HTML-элементы делятся на пять типов:

пустые элементы — , ,
, , , , , ,
Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке может быть несколько тегов , так как в зависимости от используемых атрибутов они несут разную информацию. Индикатор измерения в заданном диапазоне. Раздел документа, содержащий навигационные ссылки по сайту. Определяет секцию, не поддерживающую сценарий (скрипт). Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег . Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная. Контейнер с заголовком для группы элементов . Определяет вариант/опцию для выбора в раскрывающемся списке , или . Поле для вывода результата вычисления, рассчитанного с помощью скрипта.

Параграфы в тексте. Определяет параметры для плагинов, встраиваемых с помощью элемента . Элемент-контейнер, содержащий один элемент и ноль или несколько элементов . Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение. Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д. Индикатор выполнения задачи любого рода. Определяет краткую цитату. Контейнер для Восточно-Азиатских символов и их расшифровки. Определяет вложенный в него текст как базовый компонент аннотации. Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе , выводится уменьшенным шрифтом. Отмечает вложенный в него текст как дополнительную аннотацию. Выводит альтернативный текст в случае если браузер не поддерживает элемент . Отображает текст, не являющийся актуальным, перечеркнутым. Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом. Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src . Определяет логическую область (раздел) страницы, обычно с заголовком. Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в . Отображает текст шрифтом меньшего размера. Указывает местоположение и тип альтернативных медиаресурсов для элементов , , . Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов. Расставляет акценты в тексте, выделяя полужирным. Подключает встраиваемые таблицы стилей. Задает подстрочное написание символов, например, индекса элемента в химических формулах. Создаёт видимый заголовок для тега . Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка. Задает надстрочное написание символов.

Таблица-шпаргалка с тегами

Для удобства пользования я сгруппировала теги по тематическим разделам, добавив значения свойства display для каждого тега. Чтобы перейти к таблице, кликните по рисунку.

Тег (мн. теги, иногда тэг ) — это элемент языка HTML, с помощью которого выполняется разметка исходного текста веб-страницы. Теги представляют из себя сокращения или аббревиатуры английских слов заключенные в угловые скобки , например, тег

…

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

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

…

и тег

…

— это одно и то же. То есть теги можно записывать и строчными, и заглавными буквами. Раньше общепринятым было, все теги записывать заглавными буквами, чтобы теги отличались от обычного текста. Сейчас такой необходимости нет, так как многие редакторы имеют подсветку синтаксиса.

Классификация тегов

Всего тегов в HTML насчитывается более 90. Как правило, один тег воздействует только на часть документа, например, тег заголовка первого уровня …. В таких случаях используются парные теги: открывающий и закрывающий . Открывающий тег (например, ) создает эффект, а закрывающий ( ) — прекращает его действие. Как видно из примера, закрывающий тэг всегда имеет вот такой символ (/ ) — прямой слеш. Такие теги называют парные .

Некоторые теги дают разовый эффект в месте своего появления. Например, тег горизонтальной полосы или тег отображения картинки . Такие теги не имеют закрывающих тегов. Такие теги называют не парные.

Типы тегов

Кроме того теги подразделяют на несколько типов, которое различаются по выполняем функциям:

теги заголовка документа;
блочные элементы;
строчные элементы;
универсальные элементы;
списки;
таблицы;
фреймы.

Это разделение не строгое, поэтому некоторые теги находятся в разных группах. Например, тэги для создания списков и

При загрузке в браузере сами теги не отображаются, но влияют на способ отображения своего содержимого. Если в написание тега допущена ошибка, он игнорируется целиком.

Все теги имеют определенную структуру, которую необходимо соблюдать при написании. Кроме того, практически все теги имеют различные атрибуты, которые могут изменять способ отображения содержимого.

Давайте посмотрим на правильную структуру тегов содержащих атрибуты:

Сам Себе Вебмастер

Для примера я привел два совершенно разных тега. Первый одинарный — отвечает за вывод изображений, атрибут — src=»logo.jpg» . Второй … парный отвечает за создание ссылок, атрибут — href=»сайт» .

Вывод 1 : Атрибуты могут иметь парные и непарные теги.

Вывод 2 : Атрибуты могут иметь только открывающие теги, закрывающие теги не имеют атрибутов.

Картинка для разъяснения:

И сегодня мы с вами рассмотрим поподробнее, что такое html теги и их атрибуты на примере p, br, hr ; а также, какую роль играют значения атрибутов тегов, содержащихся в в html документе.

Прежде, чем начать, хочу принести свои извинения по поводу моего длительного отсутствия. Дело в том, что ввиду занятости в одном проекте я вынужден был отказаться на время от обновления блога и несколько выбился из графика. Но теперь все позади и я надеюсь в дальнейшем поддерживать прежний ритм и регулярно предоставлять свежие материалы.

Теперь возвращаюсь к намеченной теме. В рамках знакомства с основами html я уже писал о структуре html документов, где также давал разъяснения по поводу основных тегов html, head и body, которые в обязательном порядке должны присутствовать в каждом документе, а также особого тега , называемого декларацией.

В этом же разделе дана информация, касающаяся , позволяющих использовать возможность построения списков. Кроме того, вы могли познакомиться с для форм на сайте и отдельно с тегами, позволяющими сконструировать самые различные формы: .

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

Как вы, наверное, уже поняли из предыдущих публикаций на блоге, тег является основной структурной единицей языка гипертекстовой разметки HTML (Hyper Text Markup Language). По большому счету именно совокупность тегов определяет html код, который описывает тот или иной документ (например, одну из страниц вашего ресурса).

Теги классифицируются на парные и одиночные, а также на блочные и строчные. Вот сейчас по порядку и рассмотрим сущность их отличия на примере самых популярных и часто используемых тегов. Кстати, во многих источниках можно встретить название блочных и строчных элементов, знайте, что это одно и то же.

Для начала дам краткие определения. Парные html теги - элементы, имеющие открывающий и закрывающий теги, между которыми заключено содержание, одиночные закрывающего тега не имеют. Блочными называются элементы, которые занимают всю доступную ширину, его высота определяется содержимым. Поэтому по умолчанию несколько блочных элементов будут располагаться друг под другом.

Блочные элементы могут быть вложены один в другой, но не все, об этом позже. Строчные теги обычно содержат текст или другие строчные элементы, однако помещать внутрь строчных блочные теги не разрешается. Строчные теги, в отличие от блочных, располагаются на одной строке и переносятся на другую только при необходимости, когда заканчивается доступное по ширине место.

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

Начнем с тега p, которым каждый вебмастер пользуется буквально ежеминутно, я не преувеличиваю. Название этого элемента происходит от начальной буквы английского слова paragraph (абзац, параграф). Он служит для выделения фрагментов текста, который таким образом гораздо легче воспринимается читателями. Вот сейчас, например, я пишу статью и выделяю текст поста время от времени на абзацы, можете в этом убедиться.

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

По своей сути, естественно, элемент p является парным, поскольку имеет открывающий и закрывающий теги. Одновременно это блочный элемент, который может содержать только строчные элементы. Допустим, если вы напишите какой-либо текст в несколько строк и заключите его между открывающим и закрывающим тегами p, то все-равно браузер отобразит его в одной строке и только если текст не уместится в одну строку, будет осуществлен перенос.

HTML теги Тег p - блочный элемент Содержание тега p

А вот чтобы отобразить этот текст в несколько строк, необходимо воспользоваться элементом br (от английского «break»), который является одиночным, то есть не имеет закрывающего тега, а также это строчный элемент. Помещая его в конце каждой из строк текста, являющегося содержимым тега p, получаем искомый вариант:

HTML теги
Тег p - блочный элемент
Содержание тега p

Написание тегов br практически свободно. То есть вы можете сразу выделить несколько строк и в конце каждой из них поставить данный тег, а можно просто написать текст обычным способом и в места предполагаемых переносов вставить br. Количество строчных элементов br, включенных в содержание блочного тега p может быть сколько угодно большим. То есть сколько угодно текста можно написать с новой строки.

Теперь посмотрим еще на один простой тег, о котором подробнее поговорим в конце статьи. Речь о теге hr (от английского «horizontal rule» - горизонтальная линия), который является одиночным, но одновременно блочным, поскольку по умолчанию занимает всю возможную ширину. Он описывает простую горизонтальную линию, которая бывает полезной при разделении контента страницы на логические части. Это может быть разделение текста, групп изображений либо каких-то других составных частей дизайна.

Вид этой горизонтальной линии зависит от браузера, в котором просматривается страница, html код которой содержит данный элемент. Кроме того, вид этой линии, как и внешний вид других элементов, можно редактировать с помощью разнообразных атрибутов. Вот мы плавно подошли к еще одной составляющей нашей сегодняшней темы, а именно к понятию атрибутов тегов html.

Атрибуты тегов html позволяют придать им дополнительные характеристики и разнообразить внешний вид отображаемых браузером элементов вебстраницы. Атрибутов у каждого тега может быть несколько. Каждый из них играет свою роль в формировании дизайна той или иной области страницы сайта. Атрибуты прописываются внутри открывающего тега после названия самого элемента. Если атрибутов несколько, порядок их следования не имеет значения, он может быть любым.

Почти у каждого атрибута есть свое значение (параметр). В общем виде любой одиночный или парный тег можно представить схематически в следующем виде:

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

Естественно, в случае одиночного элемента закрывающий тег будет отсутствовать. Все атрибуты и их значения прописываются внутри открывающего тега и обязательно через пробел, иначе соответствующая область в браузере будет отображаться некорректно. Да, чуть не забыл, некоторые атрибуты могут быть без значений. Конечно, все теги в сочетании со всеми возможными атрибутами разобрать невозможно, да это и неважно, главное, понять механизм их применения. На официальной странице вы можете изучить все рекомендуемые html теги.

Правда, там данные, соответствующие официально действующим стандартам html 4.01. Однако быстрыми темпами происходит внедрение версии html 5, по правилам которой уже играют популярные браузеры. А в новой версии языка гипертекстовой разметки некоторые теги и атрибуты уже будут невалидными, то есть не соответствующие стандартам html. Поэтому будем идти в ногу со временем и я вам буду предлагать в будущем только валидные теги и атрибуты, также в дальнейшем научимся избегать несоответствия нормам кода html, материалы на эту тему появятся очень скоро.

Но заглянем все-таки на официальную страницу W3C, где представлена таблица рекомендуемых html тегов . Если нажать на ссылку с интересующим нас тегом (возьмем для наглядности уже упоминавшийся тег hr, тем более, что ниже рассмотрим с ним один пример), то нас перебросит на эту вебстраницу, где дана спецификация, касающаяся этого элемента:

Все атрибуты элементов можно распределить на три группы:

Группа универсальных атрибутов - они применяются практически ко всем html тегам. На скриншоте выше они выделены в зеленую рамку
Уникальные атрибуты - присущие только данному элементу набор атрибутов (для тега hr на рисунке они подчеркнуты фиолетовым: align, noshade, size, width). В спецификацию html 5 добавлен новый атрибут color, который определяет цвет горизонтальной линии.
События - эти атрибуты нужны, когда требуется какое-либо действие в ответ на действие пользователя. На скриншоте они выделены в синюю рамку.

Информацию об атрибутах можно также получить на другой страничке W3C, где приведена таблица с полным списком html атрибутов :

В этой таблице приведены все атрибуты для всех существующих в языке гипертекстовой разметки тегов. В столбце "Related Elements" напротив нужного атрибута отмечены теги, в которых данный атрибут может быть использован. В колонке "Type" обозначен тип данных, которые могут быть использованы в качестве значения атрибута. Например, для атрибута align (который определяет выравнивание элемента) возможно применение трех возможных значений (left, center, right).

Если в колонке "Dept" проставлена буква D, то такой атрибут использовать не рекомендуется, иначе html документ не пройдет валидацию. В этом случае необходимо использовать стили css, изучением которых, как я уже отмечал, займемся в недалеком будущем. Это просто необходимо, поскольку тенденция такова, что большинство атрибутов в версии html 5 не рекомендованы для использования и внешний вид элементов следует определять, применяя css.

Кстати, абсолютно полная информация с добавленными тегами и их атрибутами по версии html 5 представлена на одном из лучших, на мой взгляд, ресурсов, посвященных изучению основ html, а именно на htmlbook , причем на русском языке.

Будем действовать поступательно. Элемент hr без атрибутов определяет простую горизонтальную линию, которая занимает все пространство по ширине (смотрите пример выше). Последовательно применяя различные атрибуты для тега hr, будем изменять внешний вид горизонтальной линии.

Для начала пропишем атрибуты align и width. Что касается align, то его использовать имеет смысл только в том случае, если задан атрибут width, который определяет ширину элемента (меньше, чем ширина страницы). Напомню, что тег hr является блочным элементом и по умолчанию занимает все доступное по ширине пространство.

В качестве значения атрибута width можно использовать цифры (в этом случае будет задаваться ширина в пикселах) либо проценты, которые задают ширину элемента как долю от доступного пространства. Значение атрибута size проставляется в цифрах и определяет высоту элемента (в данном случае толщину горизонтальной линии). Итак, рассмотрим пример:

Далее добавим к вышеозначенным атрибут noshade. Дело в том, что при использовании тега hr по умолчанию используются трехмерные эффекты (тень), можете убедиться, взглянув на линию, расположенную чуть выше. Прописав атрибут noshade, мы тем самым запрещаем их применять.

Теперь попробуем добавить атрибут color, который определит цвет горизонтальной линии. Замечу, что использование этого атрибута автоматически запрещает трехмерные эффекты, поэтому использование noshade не требуется. В качестве значения ставим название цвета, например, "blue".

Итак, на конкретном примере p, br, hr мы рассмотрели, как теги html, а также используемые различные атрибуты, влияют на формирование различных элементов на вебстранице. Вскоре я опубликую продолжение данной темы, поэтому для получения новых материалов не забудьте подписаться на обновления блога через RSS-ленту либо посредством электронной почты . Засим разрешите откланяться с наилучшими пожеланиями.

Министерство образования Республики Беларусь

БЕЛОРУССКИЙ НАЦИОНАЛЬНЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

Кафедра «Основы бизнеса»

Отчёт о выполнении лабораторной работы №1

«СТРУКТУРА ГИПЕРТЕКСТОВОГО ДОКУМЕНТА»

по дисциплине «Информационные технологии»

Выполнила: студентка гр.105032Бычко Е.В.

Принял:преподавательДашкевичН.В.

Лабораторная работа №1

СТРУКТУРА ГИПЕРТЕКСТОВОГО ДОКУМЕНТА

Цель работы: приобрести начальные навыки создания простейших Internet-документов; научиться выполнять форматирование созданных Web-страниц.

Выполнение работы

Задание 1.Создание файловой структуры

Пользуясь средствами Проводника, в своей рабочей папке была создана файловая структура, приведенная на рис. 1.1.

Рис. 1.1. Файловая структура

Задание 2. Создание HTML документа

Средствами приложения блокнот создайте HTMLдокумент, при просмотре которого в браузерах в строке заголовка окна отображается текст «Содержимое строки заголовка», в основной области – текст «Так выглядит документ HTML». На рисунке 2.1. представлен HTML документ.

Рис. 2.1. HTMLдокумент

Просмотр документа в браузере представлен на рисунке 2.2.

Рис. 2.2. Документ в браузере

Задание 3. Изменение HTMLдокумента

Необходимо изменить документ таки образом, чтобы при просмотре в браузере в строке заголовка отображался текст «Общий вид документа html», а в основной части документа – текст:

«Вот некоторые приемы работы,

которые мы освоим:

разбиение текста

выравнивание текста

создание заголовков

работа с таблицами.»

Структура HTML документа представлена на рисунке 3.1.

Рис. 3.1. HTMLдокумент

Просмотр документа в браузере (рис. 3.2).

Рис. 3.2. Документ в браузере

Контрольные вопросы

Что такое гипертекст?

Какова структура простейшего HTML-документа?

Структура самого простого HTML документа имеет следующий вид:

ЗАГОЛОВОКДОКУМЕНТА

ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ

Как задаётся начало текстового абзаца?

Для задания начального абзаца необходимо использовать парный тег - начало и конец абзаца.

В чём заключается разметка гипертекста средствами HTML?

HTML - теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками - тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных. В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства. Атрибуты указываются в открывающем теге.

Чем непарные теги отличаются от парных?

Теги HTML бывают парными и непарными. Непарные теги оказывают воздействие на весь документ или определяют разовый эффект в том месте, где они вставлены. При использовании парных тегов в документ добавляются открывающий и закрывающий теги, которые воздействуют на часть документа, заключённую между ними.

Язык гипертекстовой разметки HTML (англ. HyperText Markup Language ) - является языком разметки документов во Всемирной паутине.

Хочу сразу обратить Ваше внимание, что HTML является языком разметки, а не программирования, как многие ошибочно полагают. Его основная задача создать каркас для описания различных компонентов документа, таких как абзацы , заголовки , списки , таблицы , ссылки на другие страницы и так далее.

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

Теги бывают двух видов: парные и одиночные (пустые). У парных HTML-тегов первый тег в паре является начальным (открывающим ) тегом, а второй тег является конечным (закрывающим ) тегом. Основная функция начального тега заключается в том, чтобы сообщить браузеру где команда начинается, а конечным тегом определить где она заканчивается.

Давайте рассмотрим чем отличаются парные теги от одиночных.

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

Большинство ошибок в верстке (создание структуры HTML кода ) у Вас может возникать по той причине, что не указан закрывающий тег или он указан без прямого слеша / . Если не указать прямой слеш, то браузер воспринимает тег как открывающий, а не закрывающий. В том случае если вы вообще не указали закрывающий тег, то браузер не узнает где Ваша команда заканчивается, чтобы её остановить, что может привести к серьезным ошибкам, будьте внимательны. К счастью, современные редакторы HTML кода позволяют быстрее отслеживать ошибки такого рода.

В современном стандарте HTML 5 одиночные теги записываются как и начальные теги у парных тегов (наименование тега помещено в угловые скобки < и > ).

Обращаю Ваше внимание, что до выхода современного стандарта одиночные теги требовали наличие прямого слеша перед наименованием тега (записывались по аналогии с закрывающими тегами). Использование прямого слеша в одиночных тегах не будет считаться ошибкой, но в этом и нет необходимости - короче код, быстрей загрузка.

Основное отличие одиночных тегов от парных заключается в том, что одиночные теги не требуют закрывающий тег после содержимого элемента. Они добавляют на страницу одиночные объекты, например, изображение, или производят какое-то одиночное действие, например, такое как перевод строки. В HTML одиночных тегов значительно меньше чем парных, к концу обучения вы будете знать их все.

Хотя в HTML 5 теги не чувствительны к регистру, я рекомендую вам писать их в нижнем регистре. С помощью тегов браузер распознает структуру и значение текста, они сообщают браузеру, какая часть документа является заголовком, где начинается новый абзац, где начинается список, либо размещена таблица, что нужно выделить цветом, что перенести на следующую строку и так далее. Анализируя эту информацию, браузер отображает каждый элемент так, как мы ему это сообщили.

И так, мы с Вами поняли, что HTML - это краеугольный камень, благодаря которому любой браузер пользователя отобразит страницу. Но как выглядит HTML? Давайте рассмотрим простой код, из которого состоит практически любая информационная страница:

Это параграф (абзац).

Хочу сразу обратить Ваше внимание на то, что браузеры игнорируют символы табуляции и пробелы в документе (если им явно это не указать, но об этом позднее). Чтобы вам было легче воспринимать HTML код в примерах, теги вложенные в другие теги мы будем отделять табуляцией (как показано в примере) выше.

А теперь детально разберем из чего состоит любая HTML страница:

DOCTYPE это декларация, которая определяет тип документа. Декларация не является тегом HTML это только инструкция для веб-браузера о том, какая версия HTML используется в документе. Декларация !DOCTYPE помогает браузеру отобразить веб-страницу правильно, для этого браузер должен знать, как тип, так и версию документа.

Декларация сообщает, что в этом документе используется пятая версия языка гипертекстовой разметки - HTML 5 .

Хронология версий HTML:

Тег для создания таблицы.
	Определяет тело таблицы.
		Создает ячейку таблицы.
	Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом.
	Создает большие поля для ввода текста.
	Определяет нижний колонтитул таблицы.
	Создает заголовок ячейки таблицы.
	Определяет заголовок таблицы.
	Определяет дату/время.
	Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.

Создает строку таблицы.
	Добавляет субтитры для элементов и .
	Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
	Создает маркированный список.
	Выделяет переменные из программ, отображая их курсивом.
	Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
	Указывает браузеру возможное место разрыва длинной строки.

Версия HTML HTML 2.0 HTML 3.2 HTML 4.01 XHTML HTML 5 Год

1991

1995

1997

1999

2000

2014

Текст между

(англ. HTML Paragraph Element ) определяет параграф (абзац). Содержание элемента всегда начинается с новой строки.

Ниже показано как отображается вышерассмотренный пример в браузере:

Обращаю Ваше внимание, что все примеры, которые рассматриваются в учебнике доступны для просмотра в отдельном окне. Желательно, чтобы вы помимо вопросов и задач, которые будут приводится в конце каждой статьи создавали аналогичные (собственные примеры) и эксперементировали с ними. Это позволит Вам максимально быстро изучить и применять рассмотренный материал.

Вопросы и задачи по теме

Перед тем как перейти к изучению следующей темы ответьте, или найдите ответ на следующие вопросы:

Какая основная задача языка гипертекстовой разметки?
Какая версия языка HTML сейчас используется?
Что такое декларация? Какая декларация используется в современном стандарте?
В какой HTML элемент помещается видимое содержимое документа (страницы)?