Заголовок

Парные теги HTML

HTML-теги
Парные теги HTML

Парные теги имеют открывающий и закрывающий тег, перед именем закрывающего тега ставят знак слэш (косая черта) /

Схема парных тегов, выглядит следующим образом:

Список парных HTML-тегов по алфавиту

— ссылка,
— аббревиатура,
— адрес, информация об авторе, проекте,
— акроним, устаревший тег ,
— внедряет Java-программы, устаревший тег ,
— основной контент страницы, тег HTML5 ,
— боковая панель (сайдбар) сайта, тег HTML5 ,
— воспроизводит аудиофайлы, создаёт панель управления ими, тег HTML5 ,
— жирный шрифт,
— запрещает изменять направление текста, тег HTML5 ,
— управляет направлением текста,
— увеличивает размер шрифта на единицу, устаревший тег ,
— мигающий текст, нестандартный тег ,
— цитата,
— тело HTML-документа,
— элемент формы, расширенная кнопка,
— замена флэш-технологии, тег HTML5 ,
— заголовок таблицы,
— выравнивание элементов по центру,
— название произведения, романа, стиха, песни, картины и т.д.,
— код программы,
— форматирует одну/несколько колонок таблицы, может объединять теги col
— комментарий, нестандартный тег ,
— выпадающий список, тег HTML5 ,
— определение термина,
— старый (удалённый) текст,
— спойлер, тег HTML5 ,
— впервые встречающийся термин в тексте,
— диалоги, тег HTML5 ,
— список папок, устаревший тег ,
— блочный элемент,
— список терминов и определений,
— термин,
— курсивный шрифт,
— элемент формы, группирует элементы формы,
— заголовок тега figure, тег HTML5 ,
— группирует различные элементы, тег HTML5 ,
— форматирует текст, устаревший тег ,
— подвал сайта, тег HTML5 ,
— форма,
— фрейм,
— структура фреймов,
— заголовки от h1 до h6,
— голова HTML-документа,
— шапка сайта, тег HTML5 ,
— группирует заголовки, тег HTML5 ,
— HTML-документ,
— курсивный шрифт,
— плавающий фрейм,
— новый (добавленный) текст,
— горячие клавиши,
— создаёт связь с элементом формы, элемент формы,
— заголовок тега fieldset, элемент формы,
— элемент списка, находится между тегами ul и ol,
— код программы, устаревший тег ,
— карта изображений,
— выделенный текст, тег HTML5 ,
— бегущая строка, нестандартный тег ,
— обрамляет теги command, тег HTML5 ,
— шкала измерения, тег HTML5 ,
— многоколоночный текст, нестандартный тег ,
— важные ссылки страницы, тег HTML5 ,
— отмена перевода строки, нестандартный тег ,
— вывод текста при отсутствии браузером поддержки плагинов, нестандартный тег ,
— вывод текста при отсутствии браузером поддержки фреймов,
— вывод текста при отсутствии браузером поддержки скриптов,
— внедряет плагины, устаревший тег ,
— нумерованный список,
— группирует теги option ,
— элемент списка выбора, находится между тегами select, optgroup, datalist
— вывод работы скрипта, тег HTML5 ,
— абзац,
— предварительно отформатированный текст, нестандартный тег ,
— предварительно отформатированный текст,
— шкала прогресса, тег HTML5 ,
— цитата,
— часть аннотации, заменяет тег ruby , если браузер его не поддерживает,
тег HTML5 ,
— аннотация, тег HTML5 ,
— обрамляет аннотацию, тег HTML5 ,
— зачёркнутый текст,
— код вывода программы,
— скрипт,
— семантически единые разделы страницы, тег HTML5 ,
— группирует теги option,
— уменьшает размер шрифта на единицу,
— пустое пространство, нестандартный тег ,
— строчный элемент,
— зачёркнутый текст, устаревший тег ,
— жирный шрифт,
— внедряет CSS-код в страницу,
— нижний индекс,
— заголовок тега details, тег HTML5 ,
— верхний индекс,
— таблица,
— тело таблицы,
— ячейка таблицы,
— элемент формы, многострочное поле ввода,
— подвал таблицы,
— ячейка таблицы, заголовочная
— голова таблицы,
— дата и/или время, тег HTML5 ,
— название страницы,
— строка таблицы,
— моноширинный шрифт, устаревший тег ,
— подчёркнутый текст, устаревший тег ,
— маркированный список,
— переменные языков программирования,
— воспроизводит видеофайлы, создаёт панель управления ими,
тег HTML5 ,
— предварительно отформатированный текст, устаревший тег .

Источник

HTML элементы

HTML элемент — это основная структурная единица веб-страницы, написанная на языке HTML.

Парные и одиночные теги HTML

Синтаксис HTML элементов, состоящих из парных тегов:

• Элемент начинается с открывающего тега.
• Элемент заканчивается закрывающим тегом.
• Содержимым элемента является все, что находится между открывающим и закрывающим тегами. Содержимое может быть текстом и/или другим HTML элементом.

Примечание: не забывайте в закрывающем теге ставить символ «/«, он указывает браузеру, что ваш элемент закончился и что то, что будет написано после него, является уже другим элементом. Если не поставить символ «/» в закрывающем теге, то браузер примет его за новый элемент, вложенный в предыдущий, который по мнению браузера всё ещё не закрыт.

Синтаксис HTML элементов, состоящих из одиночных тегов:

Элементы, состоящие из одиночных тегов называются пустыми . Всего в HTML 16 одиночных тегов:

Вложенные элементы

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

Следующий пример состоит из трех элементов, два из которых вложенные:

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

Пример с правильной вложенностью:

Здесь элемент правильно вложен — он находится полностью в элементе

:

Пробельные символы

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

    
Мой первый заголовок
 
Мой первый абзац
   

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

Мой первый заголовок
Мой первый абзац
 

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

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ru

Источник