HTML 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.
Example
<!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>
Try it Yourself »