HTML <q> Tag - HTML Tag

The <q> HTML element indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the <blockquote> element.

Definition and Usage

The <q> tag defines a short quotation.

Browsers normally insert quotation marks around the quotation.

Tip: Use <blockquote> for long quotations.

Browser Support

Attributes

Attribute	Value	Description
cite	URL	Specifies the source URL of the quote

Global Attributes

The <q> tag also supports the Global Attributes in HTML.

Event Attributes

The <q> tag also supports the Event Attributes in HTML.

How to create HTML <q> Tag

It marks up a short quotation.

index.html

Example: HTML

<p>WWF's goal is to: 
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

Output should be:

How to Use CSS to style the <q> element

See the Example.

index.html

Example: HTML

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

<h1>The q element + CSS</h1>

<p>WWF's goal is to: 
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html>

Output should be:

How to set Default CSS Settings on HTML <q> Tag

Most browsers will display the <q> element with the following default values.

index.html

Example: HTML

<style>
q {
  display: inline;
}
 
q:before {
  content: open-quote;
}
 
q:after {
  content: close-quote;
}
</style>

Output should be:

What is HTML <q> cite Attribute

Definition and Usage

The cite attribute specifies the source URL of a quote.

Browser Support

Note: The cite attribute has no visual effect in ordinary web browsers, but can be used by screen readers.

Syntax

Attribute Values

Value	Description
URL	Specifies the source URL of the quote. Possible values: An absolute URL - points to another web site (like href="http://www.example.com/page.htm") A relative URL - points to a file within a web site (like href="page.htm")

Value

Description

URL

Specifies the source URL of the quote.

Possible values:

An absolute URL - points to another web site (like href="http://www.example.com/page.htm")
A relative URL - points to a file within a web site (like href="page.htm")

How to add HTML <q> cite Attribute

It specify the source URL of a quote.

index.html

Example: HTML

<p>WWF's goal is to:
<q cite="http://www.wwf.org">
Build a future where people live in harmony with nature.</q>
We hope they succeed.
</p>

Output should be:

html q tag

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

Single Articles

How to create HTML <q> Tag	HTML Tag
How to Use CSS to style the <q> element	HTML Tag
How to set Default CSS Settings on HTML <q> Tag	HTML Tag
What is HTML <q> cite Attribute	HTML Tag
How to add HTML <q> cite Attribute	HTML Tag

Type:	Develop
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin

Reffered: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q