Ім'я файлу: Текстові теги HTML5.docx
Розширення: docx
Розмір: 32кб.
Дата: 22.06.2022
скачати
Пов'язані файли:
посібник електроніка автомобілів.pdf

використовується для визначення абревіатури чи акроніму, напр.


ВООЗ була заснована в 1948 р.


В багатьох браузерах відображається крапковим(dot) підкресленням

-------------------------

задає напівжирний шрифт без зазначення важливості тексту (фрагменту)

задає курсивне написання шрифту без зазначення важливості тексту (фрагменту)


Це звичайний текст, це напівжирний текст, а це курсив.


Використовуйте теги та , коли не підходить жоден з таких семантичних тегів:

  •  (виділений, підкреслений текст)

  •  (важливий текст)

  •  (позначений/виділений текст)

  •  (назва твору)

  •  (визначення терміну)

-----------------------------

являє собою текст, який повинен стилістично відрізнятися від звичайного тексту, наприклад, неправильно написані слова; відображається підкресленням тексту. В більшості випадків рекомендується використовувати інші виділення тексту. Може неправильно видаватися користувачам за посилання.

-----------------------------

Тег визначає текст, який було видалено з документа (в браузерах відображається перекресленим)

Тег визначає текст, який було вставлено в документ (підкресленим)


Мій улюблений колір синій червоний!


--------------------------------

визначає виділений (підкреслений за значенням) текст. В браузерах відображається курсивом.

визначає важливий текст, відображається в браузерах напівжирним накресленням.

---------------------------

Позначає текст, який більше не є правильним, точним або відповідним, відображається закресленим текстом:


В мене машина синього кольору.


Моя нова машина сірого кольору.


Не використовуйте для позначення заміненого або вилученого тексту, для чого призначений тег

---------------------

<mark> Визначає позначений текст, відображає текст чорним кольором на жовтому фоні

---------------------------

визначає менший за розміром текст (відносно батьківського чи поточного).

------------------------

визначає індексний текст, відображається на пів символу нижче звичайного рядка, меншим шрифтом. Індекси можна використовувати для хімічних формул, як H2O

визначає текст надрядкового (верхнього) індексу, відображається на пів символу над звичайною лінією меншим шрифтом. Текст індексу може використовуватися для виносок, як WWW [1]

---------------------

Позначає коротку цитату, відображається вставлянням лапок перед та після цитати


Метою закону є дотримання правопорядку на дорогах


В браузерах за умовчуванням задається

q { display: inline; }
q:before { content: open-quote; }
q:after { content: close-quote; }

Варто визначити вигляд лапок для кожної мови, напр.:

q:lang(uk) {quotes: "\00ab" "\00bb" "\201c" "\201d" } /* « » “ ” */

q:lang(en) {quotes: "\201c" "\201d" "\2018" "\2019"} /* “ ” ‘ ’ */

Перша пара символів визначає основні лапки, а друга пара використовується для «цитати в цитаті»

----------------------------

визначає заголовок твору


Крик абоЗойк  Едварда Мунка. Намальоваана в 1893 р.


В браузерах відображається курсивом

------------------------------------

(Word Break Opportunity) визначає, де в тексті було б нормально додати розрив рядка


Щоби зрозуміти AJAX, ви повинні вільно розуміти XMLHttpRequest Object.


--------------------------

фразовий тег, визначає фрагмент комп’ютерного коду, відображається моноширинним шрифтом.

визначає введення з клавіатури, відображається моноширинним шрифтом

------------------------------

визначає змінну, в браузерах відображається курсивом.

--------------------------------

 Тег dfn являє собою визначальний екземпляр терміна в HTML. Визначальним екземпляром часто є перше використання терміна в документі. Найближчий батьківський тег dfn також повинен містити визначення / пояснення для терміна dfn.

В браузерах відображається курсивом
Вираз всередині тегу dfn може бути будь-яким із наведених нижче:

1. Контент елементу (без атрибуту “title”), напр.:


HTML є стандартною мовою розмітки для створення веб сторінок.


2. Атрибутом title тегу , напр:


HTML є стандартною мовою розмітки для створення веб сторінок.


3. Атрибутом title тегу внутрі елемента, напр:


HTML є стандартною мовою розмітки для створення веб сторінок.


Можна додати атрибут id до елемента dfn. Потім, коли в тексті зустрінеться термін, можна звернутися до його визначення за допомогою тегу , напр:


HTML є стандартною мовою розмітки для створення веб сторінок.


Деякий текст...


Деякий текст...


Тепер почнемо знайомство з основами HTML now.


--------------------------

Визначає в зручному для людини форматі дату / час


Ми відкриваємося о  щоранку.

В мене зустріч на День Валентина .


Цей елемент також може використовуватися для кодування дат і часу машиночитаним способом, щоб агенти користувачів могли запропонувати додавати нагадування на день народження або заплановані події до календаря користувача, а пошукові системи можуть створювати розумніші результати пошуку

----------------------------------------

Усі текстові теги:

Тег
Опис
Відображення



текстовий контейнер
display: inline;

Фразові та семантичні inline теги



Візуалізація підкресленого (виділеного) тексту
font-style: italic;



Визначає важливий текст
font-weight: bold;



визначає фрагмент комп'ютерного коду
font-family: monospace



Визначає зразок (приклад) вихідного результату комп’ютерної програми
font-family: monospace



Визначає введення з клавіатури
font-family: monospace



Визначає змінну
font-family: monospace



позначений/виділений текст
background: yellow;

color: black;



назва твору
font-style: italic;



визначення терміну
font-style: italic;

Інші текстові теги



для визначення абревіатури чи акроніму
text-decoration: underline dotted;



задає напівжирний шрифт без зазначення важливості тексту
font-weight: bold;



задає курсивне накреслення шрифту без зазначення важливості тексту
font-style: italic;



позначає текст, який стилістично відрізняється від звичайного тексту
text-decoration: underline;



Позначає текст, який більше не є правильним, точним або відповідним
text-decoration: line-through;



визначає текст підрядкового (нижнього) індексу
vertical-align: sub;
font-size: smaller;



визначає текст надрядкового (верхнього) індексу
vertical-align: super;
font-size: smaller;



визначає текст, який було видалено з документа
text-decoration: line-through;



визначає текст, який було вставлено в документ
text-decoration: underline;



визначає менший за розміром текст
font-size: smaller;



використовується для короткої цитати в рядку текста. Для великої цитати окремим(и) абзацем(ами) використовуйте
.

Додавайте вигляд лапок для різних мов.
q { display: inline; }
q:before { content: open-quote; }
q:after { content: close-quote; }



для позначення назви твору (книжки, фільму, картини, пісні тощо) в текстовому рядку
font-style: italic;



позначає можливі місця розриву довгих слів чи термів (напр., посилань), які не вміщуються в рядок





визначення терміну
font-style: italic;


Визначає в зручному для людини форматі
дату / час



скачати

© Усі права захищені
написати до нас