Справочник тегов HTML. HTML Основные теги Название тегов в html

Основные теги языка HTML

Основные теги

- Указывает программе просмотра страниц что это HTML документ.

- Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

- Определяет видимую часть документа

Теги оглавления

- Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа

- Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.

- Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.

- Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет.

- Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет.

- Устанавливает цвет гиперссылок при нажатии.

Теги для форматирования текста


 - Обрамляет предварительно отформатированный текст.

- Создает САМЫЙ БОЛЬШОЙ заголовок

- Создает самый маленький заголовок

Создает жирый текст

- Создает наклонный текст

- Создает текст - имитирующий стиль печатной машинки.Используется для цитат, обычно наклонный текст.

- Используется для выделения из текста слова (наклонный или жирный текст)

- Используется для выделения наиболее выжных частей текста (наклонный или жирный текст)

- Устанавливает размер текста в пределах от 1 до 7.

- Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

Гиперссылки

Создает гиперссылку на другие документы или часть текущего документа.

Создает гиперссылку вызова почтовой программы для написания письма автору документа.

Отмечает часть текста как цель для гипперссылок в документе.

Создает гиперссылку на часть текущего документа.

Форматирование

- Создает новый параграф

- Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center


- Вставляет перевод строки.

Создает отступы с обеих сторон текста.

Создает список определений.

- Определяет каждый из терминов списка

- Описывает каждое определение

Создает нумерованный список

  • - Определяет каждый элемент списка и присваивает номер

    Создает ненумерованный список

  • - Предваряет каждый элемент списка и добавляет кружок или квадратик.

    - Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

    Графические элементы

    - Добавляет изображение в HTML документ

    - Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

    - Устанавливает толщину рамки вокруг изображения


    - Добавляет в HTML документ горизонтальную линию.
    Устанавливает высоту(толщину) линии


    - Устанавливает ширину линии, можно указать ширину в пикселах или процентах.


    - Создает линию без тени.


    - Задает линии определенный цвет. Значение RRGGBB.

    Таблицы

    - Создает таблицу.

    - Определяет строку в таблице.

    - Определяет отдельную ячейку в таблице.

    - Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)

    Атрибуты таблицы

    - Задает толщину рамки таблицы.

    - Задает расстояние между ячейками таблицы.

    - Задает расстояние между содержимым ячейки и ее рамкой.

    - Устанавливает ширину таблицы в пикселах или процентах от ширины документа.

    или или
    - Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.

    - Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom.

    - Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)

    - Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)

    - Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

    Кадры

    - Предваряет тег в документе, содержащем кадры;

    - Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.

    - Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.

    - Определяет единичный кадр или область в таблице кадров.

    - Определяет, что будет показано в окне браузера если он не поддерживает кадры.

    Атрибуты кадров

    - Определяет какой из HTML документов будет показан в кадре.

    - Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров.

    - Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.

    - Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.

    - Указывает будет-ли выводится линейка прокрутки в кадре; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto.

    - Препятствует изменению размеров кадра.

    Формы

    Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML только создает внешний интерфейс формы.

    - Создает формы

    - Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.

    - Указывает каждый отдельный элемент меню

    - Создает ниспадающее меню

    - Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.

    - Создает checkbox. За тегом следует текст.

    - Создает radio кнопку. За тегом следует текст.

    - Создает строку для ввода текста. Параметром Size указывается длина в символах.

    - Создает кнопку "Принять"

    - Создает кнопку "Принять" - для этого используется изображениеСоздает кнопку "Отмена"

    • < Назад

    Я решил создать табличку, в которой вы можете посмотреть на основные теги языка html, а также для чего они нужны. Теги разделены по категориям, чтобы было удобнее ориентироваться.

    Каждый тег записывается в угловых скобках, вот так: <название тега> . Для собственного удобства я вывел в таблице только названия тегов без угловых скобок.

    Тег Что означает Подробнее
    Базовые
    !doctype Определяет тип документа Определяет, как именно обрабатывать страницу.
    html Весь документ Является контейнером для всех элементов на веб-странице
    body Тело страницы Все содержимое страницы, которое будет выведено на экран, ее структура
    head Важная информация о странице Не будет выведена на экран, но нужна для работы сайта (кодировка, подключение таблицы стилей и т.д.)
    title Название страницы Главное название, будет выводиться в поисковике и в верхней строке браузера
    link Подключает внешние файлы С помощью этого тега подключаются таблицы стилей и другие внешние файлы
    script Подключает javascript-файлы Обязательный атрибут — src, в котором указывается путь к файлу
    meta Задает мета-информацию Мета-информация включает в себя кодировку и метатеги.
    Семантические теги html5
    header Создает шапку сайта или раздела На страице может быть несколько таких тегов. Header может формировать как шапку сайта в целом,
    так и шапку статьи и т.д.
    footer Тег для создания подвала сайта или раздела Аналогичен по своему смыслу предыдущему элементу, но создан для создания в нем нижней части сайта
    article Контейнер для вывода в нем контента (основной текстовой информации) Основной текст, который присутствует на вашей странице, нужно заключить в этот тег.
    aside Выводит побочную информацию, не относящуюся к основной Контейнер для вывода в нем различных виджетов и прочей информации, не имеющей прямого отношения
    к основному тексту.
    Форматирование
    p Абзац Тег создает абзац, который отделяется от других элементов вертикальными
    отступами.
    h1-h6 Заголовки h1 — самый важный заголовок (статьи, сайта), h6 — самый маленький.
    hr Горизонтальная линия Создает горизонтальную линию на всю ширину блока, в котором размещается. Ее высота
    обычно 1 пиксель. Не несет никакого смысла, это просто разделитель.
    br Принудительный перенос строки Может применяться, когда не создается новый абзац, но нужно написать текст с новой строки.
    Одинарный тег, как и hr.
    span Универсальный строчный элемент Span создан для того, чтобы с его помощью оборачивать нужные куски текста и применять к ним
    уникальное оформление.
    div Универсальный блочный элемент Не имеет никакого семантического смысла. По сути, обычный контейнер с блочными свойствами.
    Испольуется для самых разных целей.
    pre Тег для вывода текста в таком виде, как он набран в редакторе Текст будет выведен с сохранением всех пробелов, переносов строк и отступов.
    figure Контейнер для группировки элементов. Самый простой пример — группировка картинок и подписей для них. Тег появился в спецификации html5.
    figcaption Заголовок для элементов, собранных в figure. Может располагаться выше или ниже фигуры, в зависимости от того, как расположен в коде.
    Ссылки
    a Ссылка Тег имеет обязательный атрибут href, которым указывается url-адрес
    документа, к которому ведет ссылка.
    nav Контейнер для важных ссылок Тег из html5, который создан специально для того, чтобы помещать в него самые важные ссылки
    на странице. По сути, создан для формирования главного меню на сайте.
    Списки
    ol Нумерованный список Контейнер для пунктов списка, которые будут пронумерованы
    ul Маркированный список Контейнер для пунктов списка, которые будут помечены одинаковым маркером
    li Пункт списка Каждый отдельный пункт списка помещается в этот парный тег. По умолчанию он имеет блочные свойства.
    Изображения
    img Выводит любое изображение Обязательный атрибут — src (путь к картинке). Одинарный тег.
    Для текста
    b Жирный шрифт Парный тег. Весь текст, который обрамлен в него, становится жирным. Логического смысла не придает.
    strong Выделяет текст как важный + делает его жирным Действует аналогично тегу b, но также придает словам дополнительную важность.
    i Выделяет текст курсивом Придает курсивное начертание
    em Выделяет текст курсивом + акцентирует внимание на словах Добвляет логическое выделение слов на фоне других
    q Небольшая цитата Предназначен для выделения маленьких цитат на странице
    s Отображает текст перечеркнутым Действует только на оформление, не добавляя никакого смысла
    u Отображает текст подчеркнутым Как и s, это чисто оформительский тег.
    pre Вывод текста с сохранением форматирования Сохраняет все пробелы и переносы строк, которые сделаны при наборе.
    sub Для вывода шрифта в нижнем индексе Также уменьшает сам размер шрифта
    sup Для вывода шрифта в верхнем индексе Действует аналогично с sub
    Фреймы
    iframe Выводит плавающий фрейм Обязательный параметр — src. Можно также установить ширину и высоту.
    Формы
    form Контейнер для формы В него помещаются все поля, которые необходимо заполнять. Имеет обязательные параметры method
    и action для того, чтобы ее отправка работала.
    input Выводит различные поля формы Тип поля зависит от атрибута type. Это может быть поле для ввода текста, пароля, выбора даты и т.д.
    fieldset Отделяет одну часть формы от другой Например, если одни поля предназначены для общих регистрационных данных, а другие — для
    выбора интересов, то они могут быть разделены такими тегами, так как это разные группы полей.
    legend Выводит заголовок к группе полей Это название для котейнера fieldset
    label Подпись к полю Позволяет установить связь между полем input и этим элементом. При клике на label происходит
    перенос фокуса в то поле, с которым он связан. А если лейбл связан с чекбоксом или радио-кнопками, то при клике на него
    автоматически выбирается и соответствующая кнопка. Привязка делается с помощью атрибута for.
    select Раскрывающийся список из вариантов При клике на него можно будет выбрать один из ранее заданных вариантов. С атрибутом multiple
    в таком списке можно выбирать несколько значений.
    option Выводит один вариант для раскрывающегося списка Этот тег одинарный, нужный текст записывается в атрибут value.
    textarea Поле для многострочного текста Используется, когда нужно написать много текста. Например, для комментариев, отзывов и т.д.
    Таблицы
    table Главный контейнер для таблицы В нем располагается все ее содержимое — ряды и ячейки.
    caption Заголовок таблицы Может располагаться в любом месте контейнера table, в любом случае будет выведен сверху или снизу.
    tr Создает один ряд таблицы В ряду может быть неограниченное количество ячеек. В сам ряд ничего кроме ячеек помещать не стоит.
    td Создает одну ячейку Этот текст тоже написан в ячейке. В нее можно вставлять другие html-элементы. Например, картинки,
    видео и даже другие таблицы
    th Создает заглавную ячейку Текст в ней становится жирным и выравнивается по центру
    Мультимедиа
    audio Позволяет вставить аудиофайл Вставка происходит с помощью одинарных тегов source, в которые вписывается путь к файлу. Пока что для
    кроссбраузерности веб-разработчикам приходится вставлять несколько форматов файла, чтобы любой веб-обозреватель
    мог его опознать.
    video Вставляет видео Процесс происходит также, как и в случае с audio. Пустой атрибут controls добавляет элементы
    управления роликом, атрибут poster — добавляет картинку-миниатюру.
    source Задает путь к медиафайлу (аудио или видео) Вставляется внутрь тегов audio или video, между их открывающей и закрывающей частью.
    Путь задается с помощью атрибута src, также указываются кодеки.

    Это не все теги

    В этой таблице вы можете найти все основные теги, но это не абсолютно все. Впрочем, именно эти вам пригодятся, остальные будут использоваться лишь в 5-10% случаев и вы можете посмотреть их в каком-нибудь подробном справочнике.

    Здравствуйте, уважаемые читатели блога сайт. На самом деле у этого термина есть несколько значений, которые никак особо друг с другом не стыкуются. Я постараюсь рассказать в этой публикации о каждом из них.

    Вы узнаете, что такое Html теги и чем они отличают от метатегов, а также узнаете, как используют теги в качестве меток на сайтах (их разновидность — ), ну и, наконец, в общих чертах рассмотрим музыкальные тэги в аудио-файлах . Вот насколько многогранным получается этот термин.

    Но во всех случаях слово «теги» означает разметку либо вебстраницы с помощью Html кода, либо всего сайта с помощью меток, либо вашей музыкальной коллекции с помощью указания альбома и песни.

    Что такое теги на сайте (метки для создания навигации)

    Давайте начнем с простого. Наверное, все вы видели, что под некоторыми статьями на сайтах находится поле с названием теги или метки, где перечислены какие-то слова. Для чего это делается? В общем-то, для облегчения навигации по данному сайту ().

    В качестве тегов используются так называемые ключевые слова , набор которых кратко характеризует публикацию (допустим, для главной страницы моего блога подошел бы такой набор меток: создание сайтов; продвижение; раскрутка сайтов; заработок).

    С помощью этих слов можно будет однозначно определить, о чем была эта статья. Но их главная ценность не в этом, а в том, что посетитель может кликнуть по любому тегу и увидеть список всех статей на сайте, в которых он встречался. По сути, это мощный инструмент классификации информации.

    Чтобы не искать нужные метки под статьями, владельцы вебсайтов очень часто создают так называемое облако тегов , которое может размещать в левой или правой колонке сайта или же в его футере (снизу). Выглядеть это безобразие на практике может так:

    В нем обычно перечислены самые популярные метки, а посмотреть все теги можно будет нажав на соответствующую ссылочку. Иногда, более часто используемые тэги (они встречаются в большем числе статей на этом сайте) отображают более крупным шрифтом, а менее частые — более мелким.

    Иногда для их отображения создают отдельную страницу, как было показано на предыдущем скриншоте.

    Почему такой способ разметки с помощью тегов используется не на всех вебсайтах, если это удобно для пользователей? Нет их и на моем блоге, чему есть ряд объяснений. Хотя их использование предусмотрено в по умолчанию, а также существует масса плагинов по работе с тэгами.

    Да, метки замечательно работают, когда у вас немного статей и вы хорошо помните все теги, что уже создали и использовали в других статьях. Но с увеличением количества материалов число меток резко возрастает, они начинаю частично дублироваться при использования близких по смыслу ключевых слов.

    Получает огромный бардак, ценность которого в плане улучшения навигации, на мой взгляд, довольно-таки сомнительна. Для этой цели на крупном веб-проекте лучше использовать поиск по сайту. Хотя метки неплохо работают в социальных сетях, где можно с помощью тегов объединять информацию разных пользователей и просматривать ее в одном месте. .

    Что такое Html теги?

    Их впервые я решил изучить еще лет пятнадцать назад, но дальше тега Title у меня тогда дело не продвинулось. Потом мне попался в руки бесплатный видеокурс Евгения Попова по Html и дело пошло. Конечно же, тот курс явился только начальным этапом, но именно такого простого изложения часто и не хватает новичкам.

    В этих уроках рассматриваются базовые теги, с помощью которых вы сможете потом легко создавать таблицы, вставлять в текст картинки и гиперссылки, добавлять на сайт различные формы и многое другое. Всего 33 бесплатных ролика по тематике Html .

    Но видеокурс видеокурсом, а я же вас должен заинтересовать, чтобы вы его скачали и посмотрели. Из общих фраз ведь не понятно, что же такое теги в языке Html и зачем вам их изучать. О, это великая и простая вещь, которая позволит вам стать властелином собственного сайта. А зачем вам сайт?

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

    Интернет можно сравнить с телевидением, где вы делаете свою маленькую программу (создаете сайт на тегах) и получаете доход от размещения рекламы. Чем популярнее будет ваша передача (интернет проект), тем больше вы заработаете. Верхнего предела нет, хотя и нижнего тоже. Зато вкладывать деньги не надо, только свой труд и время потраченное на изучение тэгов, работы движка и, собственно, наполнение сайта контентом.

    Итак, теги — это простейшие элементы разметки вебстраницы, чтобы браузер при ее загрузке с сервера понимал, как именно отображать тот или иной элемент (текст, картинку, видео). Раньше язык Html отвечал за все это дело один, но потом ему на помощью пришли и ему стало намного легче. По ним у Попова тоже есть бесплатный видеокурс , который можно скачать отсюда .

    Ребят, когда вы освоите Html теги, то поймете, что это было проще простого. Самое главное начать и как-то себя простимулировать. Я же вам не просто так про финансовую сторону говорю. Сайт может стать основным вашим источником дохода и вся семья сможет с него кормиться. Нужна удача, упорство и не бояться знакомиться с новым.

    Теги бывают разные , но их не много (из тех, что остались актуальными после внедрения в жизнь CSS). Смотрите как просто. Допустим вы хотите создать абзац — просто окружаете текст будущего параграфа открывающим и закрывающим тегами P (это латинская буква и в коде ее лучше писать маленькой, а здесь я сделал ее заглавной для наглядности). Вот так это будет выглядеть:

    Текст текст....... текст текст

    Поняли, чем отличается открывающий Html тег (стоит вначале) и закрывающий (в конце)? Ну, конечно же, просто добавился прямой слеш после треугольной скобки.

    О, я же забыл сказать, по каким признакам браузер отделяет теги (разметку) от основного содержимого. Сами догадались?

    Правильно, это треугольные скобки , в которые мы их заключаем. Браузер увидел такую скобку при разборе кода вебстраницы и понял, что это тег, и обрабатывает все содержащееся в нем по определенному алгоритму (абзацы делает отстоящими друг от друга по высоте, у заголовков увеличивает шрифт и т.д.).

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

    В коде выглядеть они могут, например, так:

    Фактически в них заключается описание и ключевые слова той вебстраницы, для которой они прописаны. Подробнее о них читайте в приведенной чуть выше статье.

    Мета теги прописываются в коде вебстраницы в строго определенном месте. Знаете в каком? Правильно, в так называемой «голове» документа, которая заключается в открывающий и закрывающий теги HEAD .

    Все, что прописывается внутри них (включая и тэги META), отображаться на вебстранице не будет. Это строго служебная информация. Приведенные выше description и keywords сообщают поисковым системам о содержании данной вебстраницы, а приведенный чуть ниже метатег .

    Что такое музыкальные теги в аудио-файлах?

    Когда вы проигрывали музыку в машине или на своем плеере (телефоне), то, наверное, не раз замечали, что отображаются какие-то жуткие кракозябры вместо названия трека и имени автора-исполнителя. Можно было бы предположить, что это названия загруженных музыкальных файлов записаны не в той кодировке русского языка.

    Переименовав файлы с помощью , вы все равно на своем проигрывателе увидите нелицеприятную картину. Что же делать? И кто виноват в сложившейся ситуации? Как ни странно, но причиной являются неправильно прописанные теги в этом музыкальном файле .

    Они зашиваются непосредственно в аудио-файл (в его начало или конец) и могут содержать в себе информацию о композиции, ее авторе, альбоме, продолжительности трека и что-то еще не столько важное. В последних инкарнациях музыкальных тегов в них могут зашиваться даже изображения обложек дисков (вообще чума).

    Но проблема возникает, как правило, не в их наличии, а в получении возможности их редактировать . В жизни каждого уважающего себя меломана наступает момент, когда он «готов рвать и метать», лишь бы навести порядок в своей коллекции и прописать ко всем трекам правильные и читаемые на любом устройстве теги. Как это сделать?

    С помощью специального софта. Сами теги в аудио-файлах появились впервые в конце прошлого столетия. Для файлов формата MP3 стандарт для их добавления назывался ID3, а для музыкальных файлов, которые сжимаются без потери качества (типа FLAC и подобных ему), стандарт добавления тегов (мета-данных) назывался Vorbis comment.

    Для музыки записанной в Виндосовском формате WMA существует WM metadata, а для яблочных MP4 — iTunes metadata (кстати, совсем недавно писал про то, ).

    Итак, редактировать теги можно с помощью специальных программ. Самой популярной из них, наверное, является Mp3tag (официальный сайт, но будьте осторожны при скачивании — не кликните случайно по рекламе, которая предлагает скачать что-то совсем другое). Думаю, что все остальные программы вы найдете и сами, тем более, что и этой будет вполне достаточно для выполнения данной задачи.

    Вот такими вот многообразными получились теги, которые во всех этих случаях выполняли свою основную роль — разметка (статей на сайте, контента на вебстранице или мета-данных в музыкальных файлах). Надеюсь, что теперь у вас вопросов по этой тематике стало меньше.

    Удачи вам! До скорых встреч на страницах блога сайт

    Вам может быть интересно

    Теги для Инстаграма - зачем нужны и где посмотреть самые популярные их них
    Хештеги - что это такое и как используют хэштеги в Твиттере, Инстаграме и других местах Как автоматически добавить атрибут Alt в теги Img вашего блога на WordPress (там, где их нет)
    Радикал - бесплатный фотохостинг с быстрой и простой загрузкой фото через Radikal.ru
    Ссылка - что это такое и как ее создать Что такое кэш - как очистить кеш в Опере, Мозиле, Хроме и других браузерах
    Большой Вопрос - как зарабатывать на сервисе вопросов и ответов
    Как создать собственный канал на видеохостинге Youtube?

    Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.

      Тег

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

          Устанавливает маркированный список, каждый элемент которого начинается с небольшого символа — маркера.

        • Тег

        • определяет отдельный элемент списка. Внешний тег
            или
              устанавливает тип списка — маркированный или нумерованный.

              ,
              ,

              Тройка элементов предназначена для создания списка определений. Каждый такой список начинается с контейнера

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

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

              В пояснениях я буду приводить ссылки на спецификацию, а также на её перевод , о котором упоминал на странице HTML это.. . Упоминание о переводе А. Пирамидина имеется в официальной спецификации HTML, так что перевод можно считать качественным.

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

        . А вот закрывать тег таблицы надо обязательно, в противном случае всё содержимое страницы, следующее за таблицей, станет её частью и попадёт под влияние табличных настроек.

        Запрещается закрывать теги, не производящие действий над гипертекстом -


        , ,
        и другие. Требования для каждого тега указаны в спецификации. Ниже мы рассмотрим - где именно что указано. Повторим. В языке HTML существует два вида тегов:

        1. Строковые (inline). Их ещё называют инлайновые.
        2. Блоковые (block).

        Конечный (/закрывающий) тег может быть:

        1. Закрывающий тег () обязателен.
        2. Закрывающий тег () не обязателен.
        3. Закрывающий тег () запрещён.

        атрибуты у тегов могут быть:

        1. Обязательные.
        2. Необязательные.

        Эту информацию по каждому конкретному тегу можно получить в спецификации. Как ею пользоваться написано ниже. И ещё один важный момент касательно использования различных символов в HTML.

        При html-верстке иногда приходится использовать символы, которые могут трактоваться двояко. Например, употребление символов "<" и ">" будет расценено обозревателями как часть тега, то есть как служебный символ, а это не всегда так. Поэтому проблемные символы кодируются. Называются такие закодированные символы мнемониками. Список мнемоник можно посмотреть в спецификации .

        Вложенность тегов

        Теги могут быть вложенными друг в друга как матрёшки. При этом они делятся на родительские и дочерние элементы. Поясню на примере:

        <ins > Элемент подчёркнутого текста является родительским элементом для элемента <del > зачёркнутого текстаdel > с наследованием.ins >

        Дочерние элементы наследуют характеристики родительских. Таким образом зачёркнутый текст будет также и подчёркнутым.

        Главное помнить, что обе части тега (открывающая и закрывающая) должны быть вложены в один и тот же родительский элемент, опять же по аналогии с матрёшкой.

        Использование спецификации

        Официальной на данный момент (март 2012) является версия HTML 4.01, версия HTML 5.0 находится в активной разработке, но стандартом ещё не является, несмотря на многочисленные публикации в сети на тему HTML 5.

        Теперь о том, как пользоваться спецификацией. Допустим, нас интересуют вышеупомянутые таблицы. Открываем краткое содержание и выбираем соответствующий пункт (№11) - Таблицы.

        Открываем спецификацию, меню разделов:

        Тут можно получить информацию по каждому атрибуту.

        1. Требования закрывающего тега (). В данном случае начальный и конечный теги обязательны.
        2. Названия атрибутов данного тега.
        3. Список значений каждого атрибута.
        4. Статус атрибута (Актуальный/Устаревший/Запрещённый).
        5. Тип данных (значений) атрибута.
        6. Список общих атрибутов, которые используются с любыми тегами.

        Важное замечание. На скриншоте выше атрибут align имеет статус Deprecated (не рекомендован). Такой атрибут не будет работать (и будет ошибкой) в DOCTYPE Strict . Так что использовать deprecated-элементы я крайне не рекомендую. Статус любого элемента можно посмотреть в общем списке.

        Уточнения по тегам:

        1. Название тега.
        2. Статус открывающего тега в документе html:
          • O - optional (не обязателен)
        3. Статус закрывающего тега в документе html:
          • O - optional (не обязателен)
          • F - forbidden (запрещён)
        4. Предполагается ли содержимое (гипертекст):
          • E - Empty (без содержимого)
        5. Статус тега (D, L и F):
          • D - deprecated (не рекомендован).
          • L - loose (допускается в переходной спецификации Transitional).
          • F - Frameset (допускается в спецификации Frameset).