Adding Block Quotes in HTML 5

Adding Block Quotes in HTML 5

Adding Block Quotes in HTML 5

We can block quotes to set off a passage of text from the rest of the document. In the browser, the <blockquote> tag typically adds an equal amount of extra space on both sides of the text. Block quotes are commonly used with quoted text or excerpts from other resources. Another way to add space around blocks of text is with CSS Style. We can also change color font size and other characteristics of your block of text with CSS

Add a Block Quote

Step 1: Type <blockquote> in front of the text you want to turn into a block quote.

Step 2: Type </blockquote> at the end of the text.

The Web Browser displays the Block quotes as inset text on the document page.

Result Output

<!DOCTYPE html>
<html>
    <Head>
        <Title>Coding thai</Title>
    </Head>
    <body>
        Type of Web Developer 
        <hr>
        <p>
         A <i>front end developer</i> has one general responsibility: <blockquote>ensure that
      website visitors can easily interact with the page. </blockquote> A <i>Back-end developers</i>
      are the experts who build and maintain the mechanisms that process data and perform actions on websites. 
       </p>
    </body>
</html>

Follow us on Social Media For More

FacebookInstagramPinterest