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

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

HTML Справочник

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

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <q>



Пример

Отметьте короткую цитату:

<p>Цель ВОЗ состоит в том, чтобы:
<q>Построить будущее, в котором люди будут жить в гармонии с природой.</q>
Мы надеемся, что они преуспеют.</p>
Попробуйте сами »


Определение и использование <q>

Тег <q> тег определяет короткую цитату.

Браузеры обычно вставляют кавычки вокруг цитаты.

Совет: Используйте тег <blockquote> для длинных цитат.


Поддержка браузеров <q>

Элемент
<q> Да Да Да Да Да

Атрибуты <q>

Атрибут Значение Описание
cite URL Указывает исходный URL цитаты

Глобальные атрибуты <q>

Тег <q> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <q>

Тег <q> также поддерживает События атрибутов в HTML.


Еще примеры <q>

Пример

Используйте CSS для стилизации элемента <q>:

<html>
 <head>
  <style>
   q {
    color: gray;
    font-style: italic;
}
  </style>
 </head>
 <body>

  <p>Цель ВОЗ состоит в том, чтобы:
<q>Построить будущее, в котором люди будут жить в гармонии с природой.</q>
Мы надеемся, что они преуспеют.  </p>

 </body>
</html>
Попробуйте сами »

Связанные страницы <q>

HTML DOM Справочник: Объект Quote


Настройки CSS по умолчанию <q>

Большинство браузеров будут отображать элемент <q> со следующими значениями по умолчанию:

Пример
q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}
Попробуйте сами »