Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

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 Фреймы HTML с JavaScript HTML Путь к файлу HTML Мета теги HTML Макет HTML Адаптивный дизайн HTML Компьютерный код HTML Семантика HTML Синтаксис HTML Сущность HTML Символы HTML Эмодзи HTML Кодировка HTML URL Кодировка HTML в XHTML

HTML Формы

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

HTML Графика

HTML Холст HTML 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 Canvas HTML Аудио/Видео HTML Типы документов HTML Наборы символов HTML URL Кодировка HTML Коды языка 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 Справочник тегов.