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

HTML Учебник

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

HTML Формы

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

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTube

HTML APIs

HTML Геолакация HTML Drag/Drop HTML Веб Место хранения HTML Веб Работник HTML 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 Справочник тегов.