САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
×

HTML Учебник

HTML ГлавнаяHTML ВведениеHTML РедакторHTML ОсновныеHTML ЭлементыHTML АтрибутыHTML ЗаголовкиHTML ПараграфыHTML СтилиHTML ФорматированиеHTML ЦитированиеHTML КомментарииHTML ЦветHTML с CSSHTML СсылкиHTML ИзображениеHTML ТаблицыHTML СпискиHTML БлокиHTML КлассыHTML ИдентификаторыHTML ФреймыHTML с JavaScriptHTML Путь к файлуHTML Мета тегиHTML Методы версткиHTML Адаптивный дизайнHTML Компьютерный кодHTML5 СемантикаHTML5 СинтаксисHTML СущностьHTML СимволыHTML ЭмодзиHTML КодировкаHTML URL КодировкаHTML в XHTML

HTML Формы

HTML ФормыHTML Элементы вводаHTML Типы вводаHTML Атрибуты вводаHTML Атрибуты форм ввода

HTML Графика

HTML5 CanvasHTML5 SVG

HTML Медиа

HTML Медиа форматHTML5 ВидеоHTML5 АудиоHTML ПлагиныHTML YouTube

HTML API

HTML5 ГеолокацияHTML5 ПеретаскиваниеHTML5 Веб хранилищеHTML5 Веб работникHTML5 SSE

HTML Примеры

HTML ПримерыHTML ТестированиеHTML УпражненияHTML СертификатHTML ЗаключениеHTML Возможности

HTML Справочники

HTML Список теговHTML АтрибутыHTML Глобальные атрибутыHTML Поддержка браузераHTML СобытияHTML ЦветаHTML ХолстHTML Аудио/ВидеоHTML Типы документовHTML Кодировка символовHTML URL КодировкаHTML Коды языкаHTTP СообщенияHTTP МетодыPX в EM конвертерКлавишные комбинации

HTML - Цитирование



В этой главе узнаем HTML элементы <blockquote>,<q>, <abbr>, <address>, <cite>, и <bdo>.

Пример

Данная цитата с сайта фонда:

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

Цитирование <blockquote>

HTML элемент <blockquote>, определяет раздел, который процитируется из другого источника.

Браузеры, как правило, обычно делают отступ строк с помощью элемента <blockquote>.

Пример

<p>Цитата с сайта фонда:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
За 50 лет, Всемирный фонд дикой природы защищает будущее природы.
Это ведущая мировая организация по сохранению природы,
WWF работает в 100 странах и поддерживается
,2 миллионами членов в США и
около 5 миллионов во всем мире.
</blockquote>
Редактор кода »

Короткое цитирование <q>

HTML элемент <q>, определяет короткую цитату.

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

Пример

<p>Цель WWF: <q>Построить будущее, где люди будут жить в гармонии с природой.</q></p>
Редактор кода »


Аббревиатура <abbr>

HTML элемент <abbr> определяет аббревиатуру или акроним, например "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".

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

Совет: Используйте атрибут global title для отображения описания аббревиатуры/акронима при наведении курсора мыши на элемент.

Пример

<p>Компания <abbr title="Всемирная Организация Здравоохранения">ВОЗ</abbr> была основана в 1948 году.</p>
Редактор кода »

Контактная информация <address>

HTML элемент <address> определяет контактную информацию (автора/владельца) документа или статьи.

Контактная информация может быть адресом электронной почты, URL адресом, физическим адресом, номером телефона, ручкой социальных сетей и т.д.

Текст в элементе <address> обычно визуализируется как italic, и браузеры всегда будут добавлять разрыв строки до и после элемента <address>.

Пример

<address>
Автор: Щипунов Андрей.<br>
Посетите сайт:<br>
schoolsw3.com<br>
Ул Томская 44 -39, г.Пермь<br>
РОССИЯ
</address>
Редактор кода »

Название работы <cite>

HTML элемент <cite> определяет название творческого произведения (например, книги, стихотворения, песни, фильма, картины, скульптуры и т. д.).

Примечание: Имя человека - это не название произведения.

Текст в книге элемент <cite> обычно визуализируется как italic.

Пример

<p>Картина <cite>Крик</cite> Эдварда Мунка, написана в 1893.</p>
Редактор кода »

Двунаправленное переопределение <bdo>

BDO расшифровывается как двунаправленное переопределение.

HTML элемент <bdo> используется для переопределения текущего направления текста:

Пример

<bdo dir="rtl">Этот текст будет написан справа налево</bdo>
Редактор кода »

HTML Упражнения

Проверте себя с помощью упражнений

Упражнение:

Используйте элемент HTML для добавления кавычек вокруг букв "крут".

<p>
Я так крут.
</p>

Начните упражнения


HTML Цитаты и элементы цитирования

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

Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов.