какие виды тегов бывают в языке html
Что такое теги HTML и какие виды тегов существуют
Доброго времени суток, друзья! Сегодня у нас очередная статья, посвященная одной из категорий моего сайта «HTML-путеводитель для новичков». Наверное, нужно было начинать заполнять эту категорию с написания статьи, что такое HTML или же с этого поста, в котором будет подробно изъяснено, что такое теги html. Но так уж сложилось, что в ней я уже опубликовал несколько полезных материалов, к примеру, о том, как сделать линию средствами HTML или же, как сделать рамку. Ну да ладно, надеюсь, моя оплошность не вынудила вас искать информацию среди других источников.
Для того чтобы разобраться с тегами давайте для начала вспомним что такое HTML? И так HTML — это англоязычная аббревиатура, расшифровывающаяся как — язык разметки гипертекста. Это стандартный язык, интерпретирующийся всеми современными браузерами, отвечающий за структуру и содержание страницы. Именно с помощью HTML можно указать, как будет выглядеть текст, рисунок или анимация, отображающаяся на интернет странице, а также задать ей местоположение, размер и т.п. Представленный язык разметки включает в себя теги html, являющиеся его основой.
Теги — определенная именованная метка состоящая из символов латинского алфавита, заключенная в угловые скобки (например, ).
Виды тегов html
Существует два типа тегов — одиночные и парные (контейнеры). Последние являются более распространенными. Все что включено между открывающимся <> и закрывающимся тегом называют содержимым контейнера. Как можно заметить внутри закрывающегося тега обязательно нужно ставить слеш, т.е. косую черту «/», находящуюся сразу же после первой угловой скобки. Действие тегов распространяется на заключенную между ними информацию.
Одиночные теги (метки) как можно догадаться состоят из одного html элемента — открывающегося тега (например ).
В независимости от вида каждый тег состоит из следующих элементов:
Для расширения возможностей используемого тега используются различные атрибуты и значения атрибутов, разделяющиеся между собой с помощью пробела. В свою очередь атрибуты можно условно разделить на обязательные и необязательные.
Основные теги html
Стандартизированный язык разметки гипертекста включает в себя предостаточно используемых HTML-тегов. Давайте остановимся на самых важных из них.
Основные парные теги html
Основные одиночные теги
Нажав сочетание клавиш Ctrl+U можно заметить, что весь HTML-документ построен на использовании HTML тегов и атрибутов. Совсем не обязательно запоминать все существующие HTML теги. Для внесения корректировок на сайт достаточно запомнить те, что приведены выше.
Надеюсь, статья оказалась для вас полезной, и теперь вы знаете, какие существуют виды тегов и что это вообще такое.
Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter
Полезный блог
Введение
HTML – это декларативный язык, он используется для объявления структуры документа и не имеет алгоритмической составляющей.
В веб-разработке HTML применяется для создания разметки документа, которая потом стилизуется для отображения в браузере. Таким образом, если вам нужно сверстать элемент, то сначала для него пишется HTML-код (определяется структура этого элемента), затем с помощью стилей CSS оформляется внешний вид этого элемента и его расположение на странице. После этого с помощью языка JavaScript элементу может быть задана определенная функциональность, он становится интерактивным.
Теги в языке HTML
Основной и единственный структурный элемент языка HTML – это тег. Разберем их основные виды.
Формат тегов HTML:
Например:
Такие теги называются парными, так как для них указаны маркеры начала и конца тега.
У тега могут быть атрибуты, которые указываются в его открывающей части и отделяются друг от друга пробелами.
Например:
Также существуют одиночные теги, для которых закрывающая часть отдельно не указывается.
Например:
Отметим ещё одну особенность HTML – язык HTML является регистронезависимым, имена тегов и атрибутов можно записывать как в нижнем, так и в верхнем регистре.
Виды тегов
Теги языка HTML можно условно разделить на несколько категорий:
1. Теги для форматирования текста и указания ссылок
2. Теги структуры документа
3. Функциональные теги
4. Теги встраиваемого контента
5. Теги форм (для взаимодействия с пользователем)
6. Теги таблиц
HTML-теги
Раскрываем тему о HTML-тегах и их категориях
Теги HTML — являются основной частью языка HTML.
Схема HTML-тега, выглядит следующим образом:
Схема парного тега:
Схема одиночного тега:
Иногда в HTML тегах устанавливают атрибуты со значениями:
Виды (категории) HTML-тегов
Рассмотрим каждый вид по отдельности.
Парные теги
Парные теги имеют открывающий и закрывающий тег, перед именем закрывающего тега ставят знак слэш (косая черта) /
Вот небольшой список парных тегов:
— абзац,
— жирный шрифт.
Одиночные теги
Одиночные теги не имеют закрывающего тега.
Вот небольшой список одиночных тегов:
— изображение,
— перенос строки,
— элемент формы.
Блочные теги
Блочные теги — это теги в начале и в конце которых
автоматически ставится перенос строки, также они занимают всю ширину родительского элемента.
Вот небольшой список блочных тегов:
Строчные теги
Строчные теги — это теги в начале и в конце которых НЕ ставится перенос строки.
Вот небольшой список строчных тегов:
— жирный шрифт,
— наклонный шрифт,
— элемент формы.
Новые теги HTML5
Новые теги HTML5 — это теги, которые появились в спецификации языка HTML5.
Устаревшие теги
Устаревшие теги — это теги использовать которые с точки зрения спецификации языка HTML5, не рекомендуется. Однако при создании сайтов, вы можете использовать устаревшие теги, браузеры всё равно их поймут.
Вот небольшой список устаревших тегов:
— увеличивает размер шрифта на единицу,
— форматирует текст,
— поисковая строка.
Нестандартные теги
Нестандартные теги — это теги, которые не поддерживаются ни одной спецификацией HTML, но некоторые браузеры их понимают.
Вот небольшой список нестандартных тегов:
— проигрывает музыку при открытии страницы,
— мигающий текст,
— бегущая строка.
Теги верхнего уровня
Теги верхнего уровня — это теги отвечающие за создание HTML-документа, их всего три: