НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. Уроки для початківців. W3Schools українською

En Es De Fr

HTML Елементи цитати та цитування


У цьому розділі ми розглянемо <blockquote>,<q>, <abbr>, <address>, <cite> та <bdo> HTML елементи.



Цитата

Цитата колишнього чемпіона світу з боксу і мера Києва Віталія Кличка:

А сегодня в завтрашний день не все могут смотреть. Вернее смотреть могут не только лишь все, мало кто может это делать...
Спробуйте самі »

HTML елемент <q> для коротких цитат

HTML елемент <q> визначає короткі цитати.

Браузери зазвичай вставляють лапки навколо елемента <q>.

Приклад

<p>Мета WWF полягає в тому, щоб: <q>Побудувати майбутнє, де люди живуть в гармонії з природою.</q></p>
Спробуйте самі »

HTML елемент <blockquote> для цитування

HTML елемент <blockquote> визначає розділ, який цитується з іншого джерела.

Браузери зазвичай відображають елементи <blockquote> з відступом.

Приклад

<p>Ось цитата з сайту WWF:</p>
<blockquote cite="https://www.worldwildlife.org/who/index.html">
Протягом 50 років WWF захищає майбутнє природи.
Всесвітня організація WWF, ведуча природоохоронна організація, працює в 100 країнах світу, її підтримують 1,2 мільйона чоловік в Сполучених Штатах і близькі до неї 5 мільйонів по всьому світу.
</blockquote>
Спробуйте самі »

HTML елемент <abbr> для абревіатур

HTML елемент <abbr> визначає абревіатуру або акронім.

Маркування скорочень може дати корисну інформацію для браузерів, систем перекладу і пошукових систем.

Приклад

<p><abbr title="World Health Organization">WHO</abbr> була створена в 1948.</p>
Спробуйте самі »

HTML елемент <address> для контактної інформації

HTML елемент <address> визначає контактну інформацію (автор/власник) документа або статті.

Елемент <address> зазвичай відображається курсивом. Більшість браузерів додають розрив рядка до і після елементу.

Приклад

<address>
Автор Саша Грей.<br>
Відвідайте нас на:<br>
Example.com<br>
Box 564, Lalaland<br>
USA
</address>
Спробуйте самі »

HTML елемент <cite> для назви роботи

HTML елемент <cite> визначає назву роботи.

Браузери зазвичай відображають елемент <cite> курсивом.

Приклад

<p><cite>The Scream</cite> by Edvard Munch. Написано в 1893.</p>
Спробуйте самі »

HTML елемент <bdo> для двонаправленого перевизначення

HTML елемент <bdo> визначає двонаправлене перевизначення.

Елемент <bdo> використовується для перевизначення поточного напрямку тексту:

Приклад

<bdo dir="rtl">Цей текст буде написаний справа наліво</bdo>
Спробуйте самі »

HTML Вправи

Перевірте себе за допомогою вправ

Вправа:

Використовуйте елемент HTML, щоб додати лапки навколо букв "cool".

<p>
I am so cool.
</p>


HTML елементи цитати і цитування

Тег Опис
<abbr> Визначає абревіатуру або акронім
<address> Визначає контактну інформацію для автора / власника документа
<bdo> Визначає напрямок тексту
<blockquote> Визначає розділ, який цитується з іншого джерела
<cite> Визначає назву твору
<q> Визначає коротку вбудовану цитату

Для отримання повного списку всіх доступних тегів HTML, відвідайте HTML Довідник тегів на нашому сайті W3Schools українською.


Запитання для самоконтролю

  • Який HTML-елемент визначає коротку цитату?
  • Який HTML-елемент визначає розділ, який цитується з іншого джерела?
  • Який HTML-елемент визначає абревіатуру або акронім?
  • Який HTML-елемент визначає контактну інформацію (хто автор/власник) документа або статті?
  • Який HTML-елемент визначає назву роботи?
  • Який HTML-елемент визначає двонаправлене перевизначення поточного напрямку тексту?


Коментарі