Урок №11. HTML. Цитати

Курс по основам HTML | CSS. W3Schools українською. Уроки для початківців



HTML цитати та елементи цитування. Як додавати цитати на веб-сторінках?

Цитата:

         Це цитата з веб-сайту WWF:

Вже 50 років WWF захищає майбутнє природи. Світова організація з охорони природи, WWF працює в 100 країнах і підтримується 1,2 мільйонами членів у Сполучених Штатах і близько 5 мільйонів у всьому світі.
Спробуйте самі! »

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

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

Приклад:

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

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

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

Приклад:

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
Спробуйте самі! »

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

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

Приклад:

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
Спробуйте самі! »

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

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

Приклад:

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
Спробуйте самі! »

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

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

Приклад:

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
Спробуйте самі! »

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

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

Приклад:

<bdo dir="rtl">This text will be written from right to left</bdo>
Спробуйте самі! »

Перевірте себе вправами!


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

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

Довідник HTML тегів

Примітка: Для отримання повного списку всіх доступних HTML тегів, відвідайте довідник HTML тегів.



warning

Не викладайте свій код безпосередньо в коментарях, він відображається некоректно. Скористайтесь такими сервісами, як jsfiddle.net, codepen.io, liveweave.com, jsbin.com, збережіть код на будь-якому з цих сервісів і в коментарях дайте на нього посилання. Так буде видно і код, і результат.