Каким термином называется парный тэг языка html. Теги в HTML. Одинарные и парные теги. а концом
- начало тела документа, парный тег - все что следует в этом теге будет выведено на экран.
- начало абзаца (начинается всегда с новой строки), парный тег - может содержать параметр выравнивания. Напимер:
- все строки абзаца прижать к левому краю (используется по умолчанию).
- все строки абзаца прижать к правому краю.
- все строки абзаца отцентрировать по странице.
- все строки абзаца выравнять по ширине страницы.
- закрывающий тег конец абзаца, может отсутствовать, если далее начинается новый абзац или будет новый тег, который произведет перенос строки.- полужирный шрифт, парный тег. ТЕКСТ ПОЛУЖИРНЫЙ ТЕКСТ
- закрывающий тег конец полужирного шрифта.
- наклонный шрифт (курсив), парный тег. ТЕКСТ НАКЛОННЫЙ ТЕКСТ
- закрывающий тег конец наклонного шрифта.
- подчеркнутый шрифт, парный тег. ТЕКСТ ПОДЧЕРКНЫТЫЙ ТЕКСТ
- закрывающий тег конец подчеркнутого шрифта.
- моноширинный шрифт (шрифт печатной машинки), парный тег. ТЕКСТ МОНОШИРИННЫЙ ТЕКСТ
- закрывающий тег конец моноширинного шрифта.
- сильно выделенный шрифт, парный тег. ТЕКСТ СИЛЬНО ВЫДЕЛЕННЫЙ ТЕКСТ
- закрывающий тег конец сильно выделенного шрифта.
- выделенный шрифт, парный тег. ТЕКСТ ВЫДЕЛЕННЫЙ ТЕКСТ
- закрывающий тег конец выделенного шрифта.
- предварительно отформатированный текст (шрифт печатной машинки), парный тег. Начинается всегда с новой строки и выводится на экран в том виде в котором набран (количество "пробелов" то, которое вы набрали). ТЕКСТ
МОНОШИРИННЫЙ ТЕКСТ
- закрывающий тег конец предварительно отформатированного текста.
- принудительный перенос строки, непарный тег - переход на новую строку.
- горизонтальная линия, непарная команда - вставка горизонтальной линии, при этом до и после линии происходит переход на новую строку. Может содержать параметры. Например:
- горизонтальная линия толщиной 1 (используется по умолчанию).
- горизонтальная линия толщиной 2.
- размер шрифта 1 (максимальный), парный тег. При этом до и после ТЕКСТА происходит перенос строки.
- закрывающий тег конец шрифта размер 1.
РАЗМЕР ШРИФТА 1 | ||
РАЗМЕР ШРИФТА 2 | ||
РАЗМЕР ШРИФТА 3 | ||
РАЗМЕР ШРИФТА 4 | ||
РАЗМЕР ШРИФТА 5 | ||
РАЗМЕР ШРИФТА 6 |
- вырывнивание текста по центру страницы, паный тег.
- закрывающий тег конец вырввния по центру.
по центру
по центру
- начало нумерованного списка, парный тег.
Уроки
- задание названия нумерованного списка
- закрывающий тег конец нумерованного списка.
-
- начало маркированного списка, парный тег.
-
- начало элемента списка, парный тег.
- Любой параметр может отсутствовать.
- Если параметр задействован, то он должен находиться внутри тега.
- начало таблицы, парный тег. Вид таблицы можно задать при помощи параметров: BORDER="число" - указывает толщину границы вокруг ячеек таблицы
- закрывающий тег, конец таблицы.- начало строки в таблице, парный тег. - закрывающий тег конец строки в таблице.- начало ячейки в таблице, парный тег. - закрывающий тег конец ячейки в таблице.
-
Уроки
- задание названия маркированного списка
- начало списка терминов и определений, парный тег.
Определения
- задание названия списка терминов и определений
- начало элемента термин, парный тег.
- закрывающий тег, конец элемента термин.
- начало элемента определение, парный тег.
- закрывающий тег, конец элемента определение.
- закрывающий тег конец списка терминов и определений.
Определения
Информатика Компьютер БИТ Файл |
Определения Информатика Наука изучающая все аспекты работы с информацией Компьютер Универсальный инструмент для работы с информацией БИТ Минимальная и неделимая единица информации Файл Поименованные данные находящиеся на носителе информации |
- графический объект, непарная команда. Вид задают при помощи параметров. Некоторые параметры:
SRC="файл"
- задает месторасположение и имя графического файла (если файл находиться в том же каталоге, где и документ, то достаточно имени).
WIDTH="ширина"
- задает ширину отводимую под картинку (можно в процентах).
HEIGHT="высота"
- задает высоту отводимую под картинку (можно в процентах).
HSPACE="ширина"
- задает ширину поля с боков от картинки.
VSPACE="высота"
- задает высоту поля с верху и снизу от картинки.
BORDER="ширина"
- задает ширину полосы обрамления вокруг поля картинки.
ALT="текст"
- задает текст, который будет вывкден в поле картинки, если (пока) она отсутствует.
TITLE="текст"
- задает текст, который появиться при наведении курсора мыши на поле картинки.
Примечание.
1991 | 1995 | 1997 | 1999 | 2000 | 2014 |
Текст между
и
(англ. HTML Paragraph Element ) определяет параграф (абзац). Содержание элемента всегда начинается с новой строки.Ниже показано как отображается вышерассмотренный пример в браузере:
Обращаю Ваше внимание, что все примеры, которые рассматриваются в учебнике доступны для просмотра в отдельном окне. Желательно, чтобы вы помимо вопросов и задач, которые будут приводится в конце каждой статьи создавали аналогичные (собственные примеры) и эксперементировали с ними. Это позволит Вам максимально быстро изучить и применять рассмотренный материал.
Вопросы и задачи по темеПеред тем как перейти к изучению следующей темы ответьте, или найдите ответ на следующие вопросы:
- Какая основная задача языка гипертекстовой разметки?
- Какая версия языка HTML сейчас используется?
- Что такое декларация? Какая декларация используется в современном стандарте?
- В какой HTML элемент помещается видимое содержимое документа (страницы)?
Привет! Ну что, сделали свою первую страничку? Молодцы! Теперь давайте поговорим о тегах: что это такое и зачем они нужны.
Создание web страницы с помощью HTML осуществляется с использованием тегов. Каждый тег содержит в себе определенный элемент. А все вместе они образуют именно ту страницу, которая отображается в окнах браузеров. Это и есть те самые основы HTML. Давайте поговорим о них более подробно.
Любой тег, вне зависимости от его назначения и месторасположения, размещается между символами < и > , расположенными в начале и конце тега, соответственно.
Пример: Парные теги
Теги бывают двух видов. К первому относятся парные, включающие в себя две составляющие, от чего и получили свое название. Эти составляющие называются открывающимися и закрывающимися тегами. Закрывающийся тег отличается от своей пары наличием символа / , который ставится сразу после < .
Ко второму типу тегов относятся одиночные. И, как следует из названия, они не имеют пары в виде второго, закрывающего тега.
Одиночные HTML-тегиПри создании страницы с помощью HTML основное назначение парного тега заключается в том, чтобы отметить начало и конец определенного текстового фрагмента. Однако, используются также теги, задача которых не имеет ничего общего с выделением текстовых фрагментов.
В качестве примера таких тегов можно привести те, что позволяют задать разделительную полосу или добавить на страницу изображение. И именно такие теги являются одиночными, поскольку, так сказать, выполняют свою функцию без пары.
К числу таких тегов относятся:
,
,
.
Строка
Следующая строка
Если вы где-то увидите вот такой формат записи одиночного тега
, то знайте, что так они выставлялись в более ранних версиях HTML. Но сейчас, когда появился HTML 5, слэш использовать не обязательно.
Также в разговоре об основах HTML нельзя не упомянуть об атрибутах тегов. Для определенных тегов использование атрибутов не являются обязательным, но вполне допустимо. А в некоторых случаях – они нужны однозначно.
Примером такого случая может быть тег , который предназначен для того, чтобы вставлять на страницу изображение. Обязательным атрибутом для данного тега является src , с помощью которого можно указать, а где же именно находится картинка. Это делается для того, чтобы браузер смог открыть изображение. Если адрес картинки будет указан без атрибута, изображение на странице не отобразится.
Как правило, в большинстве случаев теги и атрибуты прописываются в HTML вот так:
У тега может быть как один, так и несколько атрибутов. Ниже вы можете видеть примеры.
......
Итак, надеюсь, тут всё просто и понятно. Но если вдруг что, смело спрашивайте - обязательно помогу. В следующих уроках мы будем разбирать различные теги и изучать, для чего каждый из них предназначен.
HTML-теги — основа языка HTML. Теги используются для разграничения начала и конца элементов в разметке.
Каждый HTML-документ состоит из дерева HTML-элементов и текста. Каждый HTML-элемент обозначается начальным (открывающим) и конечным (закрывающим) тегом. Открывающий и закрывающий теги содержат имя тега.
Все HTML-элементы делятся на пять типов:
- пустые элементы
— , ,
, , , , , ,Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке может быть несколько тегов , так как в зависимости от используемых атрибутов они несут разную информацию. Индикатор измерения в заданном диапазоне. Раздел документа, содержащий навигационные ссылки по сайту. Определяет секцию, не поддерживающую сценарий (скрипт). Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег . Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная. Контейнер с заголовком для группы элементов . Определяет вариант/опцию для выбора в раскрывающемся списке , или . Поле для вывода результата вычисления, рассчитанного с помощью скрипта. Параграфы в тексте. Определяет параметры для плагинов, встраиваемых с помощью элемента . Элемент-контейнер, содержащий один элемент и ноль или несколько элементов . Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение. Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д. Индикатор выполнения задачи любого рода. Определяет краткую цитату. Контейнер для Восточно-Азиатских символов и их расшифровки. Определяет вложенный в него текст как базовый компонент аннотации. Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе , выводится уменьшенным шрифтом. Отмечает вложенный в него текст как дополнительную аннотацию. Выводит альтернативный текст в случае если браузер не поддерживает элемент . Отображает текст, не являющийся актуальным, перечеркнутым. Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом. Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src . Определяет логическую область (раздел) страницы, обычно с заголовком. Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в . Отображает текст шрифтом меньшего размера. Указывает местоположение и тип альтернативных медиаресурсов для элементов , , . Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов. Расставляет акценты в тексте, выделяя полужирным. Подключает встраиваемые таблицы стилей. Задает подстрочное написание символов, например, индекса элемента в химических формулах. Создаёт видимый заголовок для тега . Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка. Задает надстрочное написание символов. Тег для создания таблицы. Определяет тело таблицы. Создает ячейку таблицы. Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом. Создает большие поля для ввода текста. Определяет нижний колонтитул таблицы. Создает заголовок ячейки таблицы. Определяет заголовок таблицы. Определяет дату/время. Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия. Создает строку таблицы. Добавляет субтитры для элементов и . Выделяет отрывок текста подчёркиванием, без дополнительного акцента. Создает маркированный список. Выделяет переменные из программ, отображая их курсивом. Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg. Таблица-шпаргалка с тегамиУказывает браузеру возможное место разрыва длинной строки. Для удобства пользования я сгруппировала теги по тематическим разделам, добавив значения свойства display для каждого тега. Чтобы перейти к таблице, кликните по рисунку.
Парные теги, называемые по-другому контейнеры, состоят из двух частей- открывающий и закрывающий тег. Открывающий тег обозначается как и одиночный - , а в закрывающем используется слэш - . Допускается вкладывать в контейнер другие теги, однако следует соблюдать их порядок. Так, на рис. 4 демонстрируется, как можно и нельзя добавлять один контейнер внутрь другого.
Рис. 4 Вложение тегов, а - правильное, б - неверное
Если связать открывающий и закрывающий тег между собой скобкой, как показано на рис. 4, то несколько скобок обозначающих разные контейнеры, не должны пересекаться между собой (рис. 4а). Любое пересечение условных скобок (рис. 4б) говорит о том, что правильная последовательность тегов нарушена.
Не все контейнеры требуют обязательно закрывающего тега, иногда его можно и опустить. Тем не менее, закрывайте все требуемые теги, так вы приучитесь сводить к нулю возможные ошибки.
- Правила применения тегов
Для тегов любого типа действуют определенные правила их использования. Причем, некоторые правила обязательны для выполнения, а другие являются рекомендациями, т.е. их можно выполнять, а можно и нет.
Атрибуты тегов и кавычкиСогласно спецификации HTML все значения атрибутов тегов следует указывать в двойных ("пример") или одинарных кавычках ("пример"). Отсутствие кавычек не приведет к ошибкам, браузеры во многих случаях достаточно корректно обрабатывают код и без кавычек, за исключением текста, содержащего пробелы (пример 2).
Пример 2. Использование кавычек в атрибутах тегов
< html >
< head >
< meta http-equiv="content-type" content="text/html; charset=utf-8">
< title > Кавычки в атрибуте alt
< body >
< p >< img src="images/arena.png" alt="Вид заголовка" width="400" height="101">
< p >< img src="images/arena.png" alt=Вид заголовка width="400" height="101">
В данном примере строка 8 написана правильно, со всеми кавычками, а в строке 9 у атрибута alt кавычки отсутствуют. Из-за этого браузер в качестве значения alt возьмет только первое слово («Вид»), а слово «заголовка» будет воспринято как ошибочное значение. Поэтому всегда приучайтесь указывать значения атрибутов тегов в кавычках.
Теги можно писать как прописными, так и строчными символамиЛюбые теги, а также их атрибуты нечувствительны к регистру, поэтому вы вольны выбирать сами, как писать -
Переносы строк
,
или
. В любом случае рекомендуется придерживаться выбранной формы записи на протяжении всех страниц сайта. Заметим также, что текст, полностью набранный прописными символами, читается хуже, чем текст со строчными символами или смешанный.Внутри тега между его атрибутами допустимо ставить перенос строк. В примере 3 показана одна и та же строка, но оформленная разными способами.
Пример 3. Переносы строк в коде тега
HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
< html >
< head >
< meta http-equiv="content-type" content="text/html; charset=utf-8">
< title > Кавычки в атрибуте alt
< body >
< p >< img src="images/arena.png" alt="Вид заголовка в IE" width="400" height="101">
< p >< img src="images/arena.png"
alt="Вид заголовка в браузере IE"
height="101">
В данном примере первый тег набран в одну строку, включая все его атрибуты, а второй тег разбит на несколько строк.
Хотя ошибки при переносе текста в подобном случае и не возникнет, рекомендуем писать теги в одну строку, иначе ухудшается восприятие кода и его становится сложнее править.