Теги HTML — список от А до Я
Опубликовано: 4 Января, 2023
Чтобы начать изучение HTML, вам нужно начать с тегов HTML, существуют различные теги, которые мы должны учитывать и знать, когда начинаем кодировать в HTML.
HTML-теги: HTML-теги — это ключевые слова, которые используются для создания веб-страниц в различных форматах. Открывающие и закрывающие теги встречаются в большинстве тегов. Заключительные теги содержат косую черту (/), а язык начальных тегов тот же. Некоторые теги не нужно закрывать.
Example:
html
<!DOCTYPE html><html><!-- head tag --><head> <title>Welcom to Geeksforgeeks</title></head><!-- Body tag --><body> <h2>Geeksforgeeks</h2> <p> A Computer Science Portal for Geeks </p> <p> Please change the code and click the Run the button to see the changes. </p></body> </html> |
Теги HTML от A до Z: полный список тегов HTML приведен ниже.
Теги | Описание | Синтаксис | Пример |
|---|---|---|---|
| !ДОКТИП HTML | В соответствии со спецификацией или стандартами HTML каждый HTML-документ требует объявления типа документа. | < !ДОКТИП HTML > | |
| Сокращенное название | Тег аббревиатуры в HTML используется для определения аббревиатуры или краткой формы элемента. | <abbr title=" "> … </abbr> | |
| акроним | Тег акронима в HTML используется для определения аббревиатуры, которая предоставляет полезную информацию для браузеров, систем перевода и поисковых систем. | <acronym title=" "> … </acronym> | |
| адрес | Тег адреса в HTML указывает контактную информацию человека или организации. | <адрес> … </адрес> | |
| якорь | Тег привязки в HTML используется для создания гиперссылки на веб-странице. | <a herf=" "> …</a> | |
| апплет | Тег апплета в HTML использовался для встраивания апплетов Java в любой HTML-документ, поддержка которого прекращена, начиная с HTML 5. | <апплет>….</апплет> | |
| область | Этот тег области используется в HTML-документе для сопоставления части изображения, чтобы конечный пользователь мог щелкнуть его. | <область> | |
| статья | Тег <article> — один из новых элементов секционирования в HTML5. Тег используется для представления статьи. | <статья>..</статья> | |
| в сторону | Тег <aside> используется для более краткого описания основного объекта веб-страницы, как маркер. | <в сторону>..</в сторону> | |
| аудио | Это полезный тег, если вы хотите добавить аудио, например песни, интервью и т. д., на свою веб-страницу. | <аудио>..</аудио> | |
| база | Базовый тег HTML используется для указания базового URI или URL-адреса для относительных ссылок. Этот URL-адрес будет базовым URL-адресом для каждой ссылки на странице. | <базовая ссылка = » «> | |
| базовый шрифт | Этот тег используется для установки цвета текста, размера шрифта и семейства шрифтов по умолчанию для всего текста в браузере. Не поддерживается в HTML5. | <базовый шрифт> | |
| бди | Тег bdi относится к двунаправленной изоляции. Он отличает текст от другого текста, который может быть отформатирован в другом направлении. | <bdi> … </bdi> | |
| бдо | bdo расшифровывается как Bi-Directional Override. Этот тег используется для указания направления текста или используется для изменения текущего направления. | <bdo dir> Содержимое… </bdo> | |
| бгсаунд | Тег bgsound используется для фонового воспроизведения саундтрека. | <bgsound источник=""> | |
| большой | Тег big в HTML используется для увеличения размера выделенного текста на единицу больше, чем размер окружающего текста. В HTML 5. | <big> Содержание… </big> | |
| цитата | Тег blockquote в HTML используется для отображения длинных цитат (раздела, цитируемого из другого источника). | <blockquote> Содержание… </blockquote> | |
| тело | Тег body в HTML используется для определения основного содержимого, присутствующего на HTML-странице. | <body> Содержание… </body> | |
| смелый | Тег жирного шрифта в HTML используется для выделения полужирного текста без какой-либо дополнительной важности. | <b>… </b> | |
| ломать | Тег разрыва вставляет в документ одиночный возврат каретки или разрывы. Этот элемент не имеет закрывающего тега. | <br> | |
| кнопка | Тег кнопки в HTML используется для определения кликабельной кнопки. Тег <button> используется для отправки контента. | <тип кнопки = «кнопка»> | |
| подпись | Тег заголовка используется для указания заголовка таблицы. Для одной таблицы может быть указан только один заголовок. | <caption align = «значение»></caption> | |
| холст | Его можно использовать для рисования контуров, блоков, текстов, градиентов и добавления изображений. | <canvas id = «script»> Содержание</canvas> | |
| центр | Тег center в HTML используется для установки выравнивания текста по центру. Не поддерживается в HTML5. | <center> Содержание.</center> | |
| цитировать | Тег cite в HTML используется для определения названия произведения. Он отображает текст курсивом. | <cite>Контент</cite> | |
| код | Тег кода в HTML используется для определения фрагмента компьютерного кода. | <code>Содержание</code> | |
| группа | Это полезно для применения стилей ко всем столбцам вместо повторения стилей для каждого столбца и для каждой строки. | <colgroup> Списки столбцов </colgroup> | |
| столбец | Тег col в HTML используется для установки свойств столбца для каждого столбца в теге colgroup. | <атрибут столбца = «значение»> | |
| комментарий | Тег comment используется для вставки комментариев в код HTML. | <!–…–> | |
| данные | Элемент данных задает адрес данного контента с помощью машиночитаемого транслятора. | <data value=""> Содержание </data> | |
| список данных | Тег списка данных используется для обеспечения функции автозаполнения и используется с тегом ввода, чтобы пользователи могли легко заполнять данные в формах, выбирая данные. | <datalist>Содержание</datalist> | |
| дд | Тег dd используется для обозначения описания или определения элемента в списке описаний. | <dd>Содержание</dd> | |
| определять | Тег определения в HTML представляет элемент определения и используется для представления определяющего экземпляра в HTML. | <dfn>Содержание</dfn> | |
| Удалить | Тег удаления используется для пометки части текста, которая была удалена из документа. | <del>Содержание</del> | |
| Детали | Этот тег используется для создания интерактивного виджета, который пользователь может открыть или закрыть. | <details>Содержание</details> | |
| диалог | Этот тег используется для создания всплывающего диалогового окна и моделей на веб-странице. Этот тег является новым в HTML5. | <dialog open> Содержание… </dialog> | |
| директор | Тег dir используется для создания списка заголовков каталогов. Он не поддерживается в HTML 5 <ul> или вместо тега <dir> используется CSS. | <dir> Списки… </dir> | |
| див | Тег div используется в HTML для разделения содержимого веб-страницы (текст, изображения, верхний и нижний колонтитулы, панель навигации и т. д.). | <div>Контент</div> | |
| дл | Тег dl в HTML используется для представления списка описаний. В HTML4.1 он определяет список определений, а в HTML5 — список описаний. | <dl> Содержание… </dl> | |
| дт | Тег dt в HTML используется для указания списка описаний. Он используется внутри элемента <dl>. Обычно за ним следует тег <dd>. | <dt> Содержание… </dt> | |
| вставлять | Он используется в качестве контейнера для встраивания плагинов, таких как флэш-анимация. | <встроить атрибуты> | |
| набор полей | Тег fieldset в HTML5 используется для создания группы связанных элементов в форме и создает поле над элементами. | <fieldset>Содержание</fieldset> | |
| figcaption | Тег figurecaption в HTML используется для установки подписи к элементу figure в документе. Этот тег является новым в HTML5. | <figcaption> Подпись к рисунку </figcaption> | |
| фигура | Тег рисунка в HTML используется для добавления автономного содержимого, такого как иллюстрации, диаграммы, фотографии или коды, перечисленные в документе. | <figure> Содержимое изображения… </figure> | |
| шрифт | Тег шрифта в HTML играет важную роль на веб-странице для создания привлекательной и читаемой веб-страницы. | <font attribute = «value»> Содержимое </font> | |
| нижний колонтитул | Тег нижнего колонтитула в HTML используется для определения нижнего колонтитула HTML-документа. Этот раздел содержит информацию нижнего колонтитула. | <нижний колонтитул> … </нижний колонтитул> | |
| форма | Эта форма используется в основном для процесса регистрации, входа в свой профиль на веб-сайте или создания своего профиля на веб-сайте и т. д. | <form> Содержимое формы… </form> | |
| Рамка | HTML-фреймы используются для разделения окна веб-браузера на несколько частей. Не поддерживается в HTML5. | <кадр/> | |
| набор фреймов | Элемент frameset содержит один или несколько элементов frame. Он используется для указания количества строк и столбцов в наборе фреймов с их пробелами в пикселях. | <frameset cols = «пиксели|%|*»> | |
| глава | Тег заголовка в HTML используется для определения заголовка документа, который содержит информацию, относящуюся к документу. | <голова>…</голова> | |
| заголовок | Тег заголовка используется для содержания информации, связанной с заголовком и заголовком соответствующего контента. | <заголовок> …</заголовок> | |
| заголовок | Тег заголовка HTML используется для определения заголовков страницы. Эти 6 элементов заголовка: h1, h2, h3, h4, h5 и h6; где h1 — самый высокий уровень, а h6 — наименьший. | <h1>Заголовок1</h1><h2>Заголовок2</h2> | |
| группа | Тег hgroup в HTML используется для переноса одного или нескольких элементов заголовка от <h1> до <h6>, таких как заголовки и подзаголовки. | <hgroup> … </hgroup> | |
| час | Тег hr в HTML означает горизонтальное правило и используется для вставки горизонтального правила. | <час> | |
| HTML | Тег html в HTML используется для определения корня документов HTML и XHTML. | <html> Содержание </html> | |
| фреймы | Тег iframe определяет прямоугольную область внутри документа, в которой браузер может отображать отдельный документ. | <iframe src="URL" title="описание"></iframe> | |
| изображение | Изображение HTML, как добавить изображение в HTML. В прежние времена веб-страницы содержали только текстовый контент, что делало их довольно скучными и неинтересными. | <img src="url" alt="some_text" width="" height=""> | |
| вход | Тег ввода используется в элементе <form> для объявления элементов управления вводом, которые позволяют пользователям вводить данные. | <тип ввода = «значение» …. /> | |
| входы | Тег ins обычно используется для обозначения диапазона текста, который был добавлен в документ. | <ins> Содержание… </ins> | |
| isindex | Тег index используется для запроса любого документа через текстовое поле. | <isindex prompt="поиск"> | |
| курсив | Этот тег обычно используется для отображения технического термина, фразы, важного слова на другом языке. | <i> Содержание</i> | |
| кбд | Текст, заключенный в тег kbd, обычно отображается моноширинным шрифтом браузера по умолчанию. | <kbd> текстовое содержимое… </kbd> | |
| кейген | Тег keygen в HTML используется для указания поля генератора пары ключей в форме. При отправке формы генерируются два ключа: закрытый ключ и открытый ключ. | <имя кейгена = «имя»> | |
| этикетка | Тег label в HTML используется для повышения удобства использования для пользователей мыши. | <label> содержимое формы… </label> | |
| легенда | Тег легенды используется для определения заголовка дочернего содержимого. Элементы легенды являются родительским элементом. | <легенда> Текст </легенда> | |
| список | Тег списка в HTML используется для определения элемента списка в документе HTML. Он используется в упорядоченном списке <ol> или ненумерованном списке <ul>. | <li> Элементы списка </li> | |
| главный | Тег main используется для предоставления основной информации о документе. Содержимое внутри элемента <main> должно быть уникальным для документа. | <main>Содержание</main> | |
| отметка | Тег mark в HTML используется для определения отмеченного текста. Он используется для выделения части текста в абзаце. | <mark> Содержание… </mark> | |
| шатер | Тег marquee в HTML используется для создания прокручиваемого текста или изображений на веб-странице. Он прокручивается либо по горизонтали, либо по вертикали. | <marquee>Содержание</marquee> | |
| пункт меню | Тег menuitem используется для определения команды или меню, которые пользователь может использовать из всплывающего элемента. Не поддерживается в HTML5. | <menuitem label="" icon="" type> </menuitem> | |
| мета | Метатег регулярно используется для предоставления лозунгов, изображений, данных об авторе и других метаданных, которые могут быть использованы программой для точного или простого представления документа. Он предоставляет важную информацию о документе. | <мета-атрибут-имя=”значение”> | |
| метр | Он используется для определения масштаба измерения в четко определенном диапазоне, а также поддерживает дробное значение. | <атрибуты счетчика…> </meter> | |
| навигация | Тег nav используется для объявления раздела навигации в документах HTML. На веб-сайтах обычно есть разделы, посвященные навигационным ссылкам, которые позволяют пользователям перемещаться по сайту. | <nav> Ссылки… </nav> | |
| без остановки | Тег no break используется для создания однострочного текста, независимо от длины оператора, этот тег используется с тегом <wbr>. | <nobr> Заявление </nobr> | |
| ноэмбед | Тег noembed используется, чтобы показать, что браузер не поддерживается тегом <embed>. | <noembed> Элемент </noembed> | |
| носкрипт | Тег noscript в HTML используется для отображения текста для тех браузеров, которые не поддерживают тег script или браузеры отключают скрипт пользователем. | <noscript> Содержание… </noscript> | |
| объект | Тег объекта — это тег HTML, используемый для отображения мультимедиа, такого как аудио, видео, изображения, файлы PDF и Flash на веб-страницах. | <объект>…</объект> | |
| оптгрупп | Этот тег используется для создания группы одинаковых опций категории в раскрывающемся списке. | <оптгруппа>…</оптгруппа> | |
| вариант | Тег option в HTML используется для выбора опции из выпадающего меню. | <option> Содержание… </option> | |
| выход | Выходной тег в HTML используется для представления результата вычисления, выполненного клиентским скриптом, таким как JavaScript. | <output> Результаты… </output> | |
| абзацы | Тег <p> в HTML определяет абзац. Они имеют как открывающие, так и закрывающие теги. | <p> Содержание </p> | |
| параметр | Тег param в HTML используется для определения параметра для подключаемых модулей, который связан с элементом <object>. | <имя параметра=”” значение=””> | |
| фраза | В HTML тег фразы используется для обозначения структурного значения блока текста. | <em> Текстовое содержимое </em> | |
| до | Тег pre в HTML используется для определения блока предварительно отформатированного текста, который сохраняет текстовые пробелы. | <pre> Содержание… </pre> | |
| прогресс | Он используется для представления хода выполнения задачи. Также определяется, сколько работы сделано и сколько осталось скачать вещь. | <атрибуты прогресса…> </прогресс> | |
| д | Тег q является стандартным тегом цитаты и используется для коротких цитат. | <q> Содержание… </q> | |
| рп | Тег rp в HTML используется для предоставления круглых скобок вокруг рубинового основного текста, определяющего информацию. | <rp>[</rp> Объяснение… <rp>]</rp> | |
| рт | Тег rt в HTML используется для определения объяснения рубиновой аннотации, которая представляет собой небольшой текст, прикрепленный к основному тексту. | <rt> Объяснение… </rt> | |
| Рубин | Тег ruby в HTML используется для указания аннотации ruby, которая представляет собой небольшой текст, прикрепленный к основному тексту, чтобы указать значение основного текста. | <ruby атрибуты> Содержание… </ruby> | |
| с | Этот тег используется для указания того, что текстовое содержимое больше не является правильным или точным. Этот тег похож, но немного отличается от тега <del>. | <s> Содержание… </s> | |
| самп | Это тег фразы, используемый для определения образца выходного текста из компьютерной программы. | <samp> Содержание… </samp> | |
| сценарий | Тег сценария в HTML используется для определения сценария на стороне клиента. | <script> Содержимое скрипта… </script> | |
| раздел | Тег раздела определяет раздел документа, такой как главы, заголовки, нижние колонтитулы или любые другие разделы. | <section> Содержание раздела </section> | |
| маленький | Тег small в HTML используется для установки маленького размера шрифта. Уменьшает размер шрифта на один размер (от среднего до мелкого, от x-large до крупного). | <small> Содержание… </small> | |
| источник | Тег источника в HTML используется для прикрепления мультимедийных файлов, таких как аудио, видео и изображения. | <источник источника=”” тип=””> </источник> | |
| распорка | Тег spacer используется для создания пустого пространства. Не поддерживается в HTML5. | <тип разделителя=”” размер=””> | |
| охватывать | HTML-элемент span представляет собой универсальный встроенный контейнер для встроенных элементов и содержимого. | <span class="">Некоторый текст</span> | |
| забастовка | Тег предупреждения HTML, а также понимание его реализации на примере. Тег <strike> определяет зачеркивание или черту в тексте. | <strike> Содержание </strike> | |
| сильный | Сильный тег в HTML — это проанализированный тег, который используется для демонстрации важности текста. Сделайте этот текст жирным. | <strong> Содержание… </strong> | |
| стиль | Тег стиля в HTML помогает нам спроектировать веб-страницу. | <tagname style="property:value;"> | |
| суб и суп Теги |
| <sub>текст нижнего индекса</sub><sup>текст верхнего индекса</sup> | |
| резюме | Тег <summary> в HTML используется для определения сводки для элемента <details>. | <summary> Содержание </summary> | |
| svg | Основы HTML SVG и их реализация в примерах. SVG означает масштабируемую векторную графику. | <svg высота=”” ширина=””> | |
| стол | Таблица HTML, различные способы ее реализации, а также понимание ее использования на примерах. Таблица HTML представляет собой расположение данных в строках и столбцах или, возможно, в более сложной структуре. | <таблица>… </таблица> | |
| тело | Тег tbody в HTML используется для создания группы содержимого того же типа, что и элемент body. | <tbody> // Содержимое таблицы </tbody> | |
| тд | Тег данных таблицы используется для определения стандартной ячейки в таблице HTML. | <тд>……..</тд> | |
| шаблон | Тег шаблона в HTML используется для хранения фрагментов кода HTML, которые можно клонировать и вставлять в документ HTML. | <template> Содержание </template> | |
| тфут | Этот тег используется в таблице HTML с заголовком и телом, известным как «thead» и «tbody». | <tfoot> // Содержимое нижнего колонтитула таблицы… </tfoot> | |
| й | Тег заголовка таблицы в HTML используется для установки ячейки заголовка таблицы. Два типа ячеек в таблице HTML. Заголовок и стандарт. | <th> Содержание… </th> | |
| голова | Этот тег используется в таблицах HTML как заголовок и тело, которые известны как thead и tbody. | <thead>Содержимое заголовка таблицы…</thead> | |
| время | Метка времени используется для отображения удобочитаемой даты/времени. Его также можно использовать для кодирования даты и времени в машиночитаемой форме. | <атрибут времени> Время… </время> | |
| заглавие | Тег title в HTML используется для определения заголовка HTML-документа. Он устанавливает заголовок на панели инструментов браузера. | <title> Название заголовка </title> | |
| тр | Тег table row используется для определения строки в HTML-таблице. Элемент <tr> содержит несколько элементов <th> или <td>. | <tr>…..</tr> | |
| отслеживать | Тег отслеживания указывает текстовые дорожки для аудио- и видеокомпонентов мультимедиа. | <атрибут дорожки> | |
| тт | Тег tt — это аббревиатура телетайпного текста. Этот тег устарел из HTML 5. Он использовался для обозначения ввода с клавиатуры. | <tt> Содержание… </tt> | |
| подчеркнуть | Тег подчеркивания в HTML означает подчеркивание и используется для подчеркивания текста, заключенного в тег <u>. | <u> Содержание… </u> | |
| вар | Это тег фразы, используемый для указания переменной в математическом уравнении или в компьютерной программе. | <var> Содержание… </var> | |
| видео | Видео HTML5, а также знание различных способов добавления видео на HTML-страницу. | <video src="" элементы управления> </video> | |
| wbr | Тег wbr используется для определения позиции в тексте, которая интерпретируется браузером как разрыв строки. | <wbr> | |
| xmp | Тег XMP используется для создания любого контента в формате Letter. | Оператор <xmp> </xmp> |
Начинающим веб-разработчикам иногда требуется простой краткий справочный список основных тегов HTML. У нас есть статья о наиболее часто используемых тегах HTML . Наиболее часто используемые теги в HTML.
HTML является основой веб-страниц, используется для разработки веб-страниц путем структурирования веб-сайтов и веб-приложений. Вы можете изучить HTML с нуля, следуя этому руководству по HTML и примерам HTML.