-Рубрики

 -Поиск по дневнику

Поиск сообщений в Татьяна_Гусакова

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 03.12.2012
Записей:
Комментариев:
Написано: 20020


Справочник HTML5 - Теги HTML (Рuzzleweb.ru)

Понедельник, 15 Августа 2016 г. 18:18 + в цитатник
Цитата сообщения Ваша_ТАНЯ_идущая_по_Судьбе Справочник HTML5 - Теги HTML (Рuzzleweb.ru)

Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!

4026647_Spravochnik_HTML5__Tegi_HTML (650x475, 80Kb)

ДОРОГИЕ МОИ! ...не скрываю,что мне очень нравится "упражняться" с ТЕГами,проще всего это делать,создавая так называемые "рамочки",столь любимые многими из нас,но так ненавидимые отдельными представителями интернет-сообщества,позиционирующими себя "интеллектуалами",искренне считающими,что в "паутине" нужно только писать словами...а ведь писать ТЕГами значительно сложнее brunette.

...случилось так,что при составлении очередной рамочки меня заинтересовал ТЕГ,значение,которого я не знала,ну,полезла уточнять в свой любимый СПРАВОЧНИК puzzleweb.ru и,как результат - сделала этот постик себе на память,может и кому-то ещё пригодится ...ИТАК:

ТЕГ – это основополагающий элемент HTML.

ВАЖНО,если Вы что-то "открыли",то обязательно должны "закрыть",т.е. обязательно должен быть не только открывающий тег,но и закрывающий вот так <em> ...ТЕКСТ с наклонным начертанием ...</em>
РЕЗУЛЬТАТ - ...ТЕКСТ с наклонным начертанием ...

Когда Вы используете HTML, то пишете с помощью HTML-тегов, они состоят из:

  • знака «меньше» - <;
  • буквы или слова;
  • далее может идти любое количество HTML-атрибутов в виде пары «имя=значение»;
  • и в конце идет знак «больше» - >.

СПИСОК ТЕГОВ,определенный в спецификации HTML 5,и их значение:


Вставляемый контент

    audio - звуковое содержимое
    canvas - область для рисования графики посредством сценариев
    embed - область для внешнего приложения или интерактивного содержимого
    area - активная область внутри карты-изображения
    iframe - встроенный фрейм
    img - изображение/картинка
    map - карта-изображение
    object - внешний подключаемый ресурс
    param - значения параметров для объекта (используется внутри элемента <object> )
    source - звуковой/видео файл для тегов <audio> и <video>
    track - текстовые дорожки для медиа элементов (<audio> и <video> )
    video - видео файл


Интерактивные элементы

    details - скрыть/показать дополнительную информацию
    menu - определяет список/меню команд
    summary - заголовок для элемента <details>


Комментарии

    <!-- --> - комментарий

Корневой элемент

    html - корневой элемент

Метаданные документа

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

    doctype - тип документа
    base - указывает базовый URL для всех ссылок имеющих относительный URL-адрес на странице
    head - контейнер для метаданных документа
    link - связь текущего документа с внешним файлом
    meta - метаданные
    style - стилевая информация
    title - название документа


Разделы документа

    address - контактная информация автора документа/статьи
    article - статья
    aside - определяет контент в стороне от содержимого страницы
    blockquote - длинная цитата
    body - тело документа
    div - контейнер для элементов
    figcaption - подпись к содержимому элемента <figure>
    figure - контейнер для группировки контента (обычно используется с элементом <figcaption> )
    footer - нижний колонтитул (нижняя часть документа или раздела)
    header - верхний колонтитул (верхняя часть документа или раздела)
    hr - горизонтальная линия
    main - контейнер с основным контентом
    nav - раздел навигационных ссылок
    section - раздел документа


Списки

    dd - описание термина в списке определений
    dl - список определений
    dt - термин в списке определений
    li - пункт списка
    ol - нумерованный (упорядоченный) список
    ul - маркированный (неупорядоченный) список


Ссылки

    a - определяет гиперссылку

Сценарии

    noscript - альтернативный контент для браузеров без поддержки сценариев
    script - клиентский сценарий


Таблицы

    caption - заголовок для таблицы
    col - указывает стилевую информацию для одной или более колонок таблицы
    colgroup - указывает общую стилевую информацию для группы колонок в таблице
    table - таблица
    tbody - основное содержимое (средняя часть) таблицы
    td - ячейка таблицы
    tfoot - нижняя часть таблицы
    th - заголовочная ячейка таблицы
    thead - верхняя часть таблицы
    tr - строка таблицы


Текст

    abbr - аббревиатура
    b - выделяет текст жирным шрифтом
    bdi - изолирует фрагмент текста для изменения его направления вывода
    bdo - переопределяет текущее направление текста
    br -разрыв строки
    cite - название работы (название книги, музыки, фильма, и т.д.)
    code - определяет кусок программного кода (моноширинный текст)
    del - определяет текст, который был удален из документа (перечеркнутый текст)
    dfn - определения термина (текст с наклонным начертанием)
    em - выделенный текст (текст с наклонным начертанием)
    h1-h6 - заголовки
    i - преобразует текст в курсивный (текст с наклонным начертанием)
    ins - определяет текст, который был добавлен в документ (отображает текст подчеркнутым)
    kbd - определяет текст вводимый с клавиатуры (моноширинный текст)
    mark - определяет важную часть текста
    p - абзац
    pre - предварительно отформатированный текст
    q - определяет короткую цитату
    rp - определяет, что показывать браузеру, который не поддерживает тег <ruby>
    rt - определяет объяснение/произношение символов, используется внутри тега <ruby>
    ruby - определяет небольшую аннотацию (для типографии Восточной Азии)
    s - определяет текст, который больше не является правильным
    samp - моноширинный текст
    small - текст маленького размера
    span - контейнер для строчного содержимого
    strong - определяет важный текст (преобразует шрифт в полужирный)
    sub - определяет текст в нижнем индексе (подстрочный текст)
    sup - определяет текст в верхнем индексе (надстрочный текст)
    time - определяет время/дату
    u - подчеркнутый текст
    var - определяет переменную (текст с наклонным начертанием)
    wbr - определяет возможный перенос строки в тексте


Формы

    button - определяет интерактивную кнопку
    datalist - список вариантов, которые можно выбирать при наборе в текстовом поле ввода
    fieldset - контейнер для объединения элементов формы
    form - форма для отправки введенных пользователем данных
    input - определяет способ пользовательского вода
    keygen - используется для генерации пары ключей
    label - метка для элемента формы
    legend - заголовок для элемента <fieldset>
    meter - определяет скалярное измерение в пределах известного диапазона
    optgroup - определяет группу связанных логически элементов списка в выпадающем списке
    option - вариант выбора в выпадающем списке
    output - определяет область, в которую выводится результат расчета
    progress - отображает текущий прогресс выполнения задачи
    select - выпадающий список
    textarea - многострочное текстовое поле


4026647_sait_TEGI1 (600x147, 39Kb)

...если даже HTML Вас не интересуют никак,то всё-же эта информация Вам уж точно пригодится

HTML: изменение размера картинки

ЖЕЛАЮ ВАМ ВСЕГО ТОГО,ЧТО ВЫ ЖЕЛАЕТЕ СЕБЕ САМИ


Ваша ТАНЯ,идущая по Судьбе
Рубрики:  БЛОГИ/Коды
БЛОГИ/Шпаргалки
БЛОГИ/Умные подсказки
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку