How to add section that is quoted from another source using HTML?

How to Add a Short Quotation using HTML?

Last Updated : 25 Jun, 2024

For defining a short quotation by using an <q> tag. It is used to insert quotation texts on a web page, i.e. a portion of texts different from the normal texts.

Syntax:

<q> Quotation Text... </q>

Example 1: The example below shows how to Add a Short Quotation using HTML5.

html

<!DOCTYPE html>
<html>

<head>
    <title>
        Define a short quotation
    </title>
</head>

<body>

    <h3>
        Define
        a short quotation
    </h3>

    <p>
        The quick brown fox jumps
        over the lazy dog
    </p>

    <!--Inside quotes-->
    <p><q>
            The quick brown fox jumps
            over the lazy dog
        </q></p>
</body>

</html>

Output:

impi1

Output

Example 2: The example below shows how to Add a Short Quotation using HTML5.

html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        How to define a
        short quotation
    </title>
</head>

<body>

    <h2>
        Define a short quotation
    </h2>

    <p>
        Einstein said <q>Truth is what
            stands the test of experience.</q>
    </p>
</body>

</html>

Output:

qi2

Output

How to add section that is quoted from another source using HTML?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to add quotations and citations to the web pages using HTML ?

In this article, we will see how to add quotations and citations to the web pages using HTML. When we are creating a website or a blog, we face many situations where we want to highlight a certain text. We can use HTML to do the same. HTML provides us with many tags such as <blockquote>,<q

How to add section that is quoted from another source using HTML?

The <blockquote> tag in HTML is used to display the long quotations (a section that is quoted from another source). It changes the alignment to make it unique from others. It contains both opening and closing tags. Syntax:<blockquote> Contents... </blockquote>Example 1: The example

How to define important text using HTML5 ?

In this article, we define an important text by using the <strong> tag in HTML. It is the parsed tag and used to show the importance of the text. It reflects the text as bold. Syntax: <strong> Contents... </strong> Example 1: <!DOCTYPE html> <html> <head> <titl

How to specify a text which is an extended quotation in HTML ?

The <blockquote> tag in HTML is used to display the long quotations (a section that is quoted from another source). It changes the alignment to make it unique from others. It contains both opening and closing tags. Syntax: <blockquote> Contents... </blockquote> Example 1: C/C++ Cod

How to Add Symbols in HTML?

Symbols in HTML are important for conveying special characters, such as copyright, currency symbols, and arrows, which enhance content clarity and visual appeal. We will explore two different approaches to adding symbols in HTML. Below are the possible approaches: Table of Content Add Symbols using

How to Add a Non-breaking Space using &nbsp in HTML?

In HTML, the non-breaking space character, represented by  , is used to control the spacing and formatting of text content. Unlike regular spaces, which browsers typically collapse into a single space,   ensures that multiple spaces are preserved. This feature is essential for main

How to define a possible line-break using HTML?

To define a possible line-break in HTML use a <wbr> element. It stands for word break opportunity and is used to define the position within the text which is treated as a line break by the browser. It is mostly used when the used word is too long and there are chances that the browser may brea

How to set caption for an image using HTML ?

A caption for an image is a short description for a title that explains the image, providing context or additional information. In HTML, add a caption to an image by using the <figure> tag for the image and the <figcaption> tag below it for the caption text. Syntax <figcaption> Fig

How to append HTML code to a div using JavaScript ?

Updating content on a webpage without reloading the entire page makes for a faster and smoother user experience. JavaScript allows you to do this by adding new HTML to elements like divs dynamically. There are four simple ways to add HTML to a div using JavaScript: Using the innerHTML Attribute Usin

How to add options to a select element using jQuery?

We will dynamically add the options to the select element using jQuery. jQuery has a lot of in-built methods. But, we will use some of them to accomplish the purpose of dynamically adding the options to the select element as listed below: Table of Content By passing the HTML of the option tag to the