HTML Blockquote tag - Learn Fasta

Blockquote tag

Blockquote tag in HTML:

The "Blockquote" tag in HTML is used to mark a section of quoted text from another source. It helps distinguish quoted content within your webpage's text.

Example

The "Blockquote" tag is like a digital quotation mark. It's used to set off and style a quoted portion of text within your content.

html Live Editor!

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Learn Programming with LearnFasta</title>
  <style>
    body {
      font-family: 'Arial', sans-serif;
      text-align: center;
      margin-top: 50px;
      font-size: 18px;
    }
    p {
      color: #2ecc71; /* Green color for paragraph text */
      font-size: 24px;
    }
    blockquote {
      margin-top: 20px;
      padding: 10px;
      border-left: 5px solid #3498db; /* Blue color for left border */
      background-color: #ecf0f1; /* Light gray background for the blockquote */
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for a subtle lift */
    }
    blockquote p {
      font-style: italic;
    }
  </style>
</head>
<body>
  <p>Learn Programming With LearnFasta</p>
  <blockquote cite="https://learnfasta.com/">
    <p>Learn HTML With LearnFasta</p>
  </blockquote>
</body>
</html>