Что такое теги HTML и какие виды тегов существуют
Доброго времени суток, друзья! Сегодня у нас очередная статья, посвященная одной из категорий моего сайта «HTML-путеводитель для новичков». Наверное, нужно было начинать заполнять эту категорию с написания статьи, что такое HTML или же с этого поста, в котором будет подробно изъяснено, что такое теги html. Но так уж сложилось, что в ней я уже опубликовал несколько полезных материалов, к примеру, о том, как сделать линию средствами HTML или же, как сделать рамку. Ну да ладно, надеюсь, моя оплошность не вынудила вас искать информацию среди других источников.
Для того чтобы разобраться с тегами давайте для начала вспомним что такое HTML? И так HTML – это англоязычная аббревиатура, расшифровывающаяся как - язык разметки гипертекста. Это стандартный язык, интерпретирующийся всеми современными браузерами, отвечающий за структуру и содержание страницы. Именно с помощью HTML можно указать, как будет выглядеть текст, рисунок или анимация, отображающаяся на интернет странице, а также задать ей местоположение, размер и т.п. Представленный язык разметки включает в себя теги html, являющиеся его основой.
Теги – определенная именованная метка состоящая из символов латинского алфавита, заключенная в угловые скобки (к примеру <body>). Тег – основной элемент HTML документа. Их заполнение должно осуществляться в нижнем регистре, то есть вместо <TITLE> должно быть <title>.
Виды тегов html
Существует два типа тегов – одиночные и парные (контейнеры). Последние являются более распространенными. Все что включено между открывающимся <> и закрывающимся тегом </> называют содержимым контейнера. Как можно заметить внутри закрывающегося тега обязательно нужно ставить слеш, т.е. косую черту «/», находящуюся сразу же после первой угловой скобки. Действие тегов распространяется на заключенную между ними информацию.
Одиночные теги (метки) как можно догадаться состоят из одного html элемента – открывающегося тега (например <img>).
В независимости от вида каждый тег состоит из следующих элементов:
- Открывающаяся угловая скобка (<).
- Имя тега (p, body, br).
- Закрывающаяся угловая скобка (>).
Для расширения возможностей используемого тега используются различные атрибуты и значения атрибутов, разделяющиеся между собой с помощью пробела. В свою очередь атрибуты можно условно разделить на обязательные и необязательные.
Основные теги html
Стандартизированный язык разметки гипертекста включает в себя предостаточно используемых HTML-тегов. Давайте остановимся на самых важных из них.
Основные парные теги html
- <html> - сообщает браузеру о том, что перед ним находится HTML документ.
- <head> - содержит описание интернет-страницы и является некой емкостью для всех заголовочных элементов html-документа, цель которых - помогать браузерам и поисковым системам в работе с данными.
- <body> - определяет видимую часть документа.
- <title> - отвечает за отображение и название документа.
- <table>, <tbody>, <thead>, <td>, <th> и <tr> - теги, относящиеся к созданию таблиц.
- <p> - закрытие данного тега сообщает браузерам о том, что текст отображается с новой строки, то есть с нового абзаца.
- <h> - задает заголовок (h1…h6).
- <br> - тег устанавливающий перевод строки в том месте, где он находится.
- <b>, <u>, <i> - каждый из тегов по отдельности выделяющий текст жирным, подчеркнутым или курсивом.
- <ol>, <ul>, <dl> - теги отвечающее за создание нумерованного или маркированного списка, а также списка определений.
- <tt>, <kbd> - эффект для текста имитирующий стиль печатной машинки.
- <strong> - еще один HTML-тег выделяющий текст жирным. В отличии от тега <b> воспринимается поисковыми механизмами как особо выделенный.
- <marquee> - тег, используемый для создания бегущей строки.
- <font> - тег, который используется для форматирования текста, но работающий исключительно при использовании специальных атрибутов.
- <a> - весьма распространенный тег, отвечающий за создание гиперссылки.
- <cite> - цитирование.
- <code> - выводит в HTML документе примеры кода.
- <q> - отвечает за отображение текста заключенного в скобки.
- <blockqote> - создает отступы с обеих сторон текста.
Основные одиночные теги
- <meta> - тег содержащий метаинформацию, предназначенную для поисковых механизмов. Внутри него при помощи соответственных атрибутов можно прописать ключевые слова, управление процессом индексации, имя автора, кодировку документа и т.п.
- <img> - тег, отвечающий за отображение графических элементов (картинки). Используется вместе с обязательным атрибутом <img src="/URL">.
- <style> - указывает на таблицу стилей CSS. Данный тег задается в теге <head>. HTML документ может состоять из энного количества тегов <style>, задающих странице стилистику в независимости от расположения ее содержимого.
- <hr> - добавляет горизонтальную линию.
Нажав сочетание клавиш Ctrl+U можно заметить, что весь HTML-документ построен на использовании HTML тегов и атрибутов. Совсем не обязательно запоминать все существующие HTML теги. Для внесения корректировок на сайт достаточно запомнить те, что приведены выше.
Надеюсь, статья оказалась для вас полезной, и теперь вы знаете, какие существуют виды тегов и что это вообще такое.
И помните, каждый автор, написавший полезную статью, заслуживает на комментарий, минимум репост.
Спасибо за внимание и до скорого на страницах Stimylrosta.
Не ленитесь, поделитесь!
Оставить комментарий
Просмотров: 1949