HTML blockquote tag usage and beautification

HTML blockquote tag usage and beautification

Blockquote Definition and Usage

The <blockquote> tag defines a blockquote.
All text between <blockquote> and </blockquote> is separated from the regular text, often indented on the left and right (increased margins), and sometimes italicized. That is, blockquotes have their own space.

There are no differences between HTML and XHTML.

Tips and Notes:

Tip: Use the q element to mark short quotations.

Note: To validate the page as strict XHTML, the <blockquote> element must contain a block-level element, like this:


Copy code
The code is as follows:

<blockquote>
<p>here is a long quotation here is a long quotation</p>
</blockquote>



Tip: You can modify some of the code before running


Status in browser:

CSS blockquote beautification effect


I believe everyone is familiar with blockquote. It is called "text box" in Word, and in fact it can be called text box on the web page. If you add blockquote tags at both ends of a paragraph of text, the text will be displayed, and the text inside will contain the format of blockquote, so as long as you define the various properties of blockquote with CSS, you will find that this will be a good thing. Note that IE does not support some of the definitions in this CSS code, and Firefox or Chrome will display the best results.


Tip: You can modify some of the code before running

<<:  A QQ chat room based on vue.js

>>:  Detailed explanation of table return and index coverage examples in MySQL

Recommend

XHTML 2.0 New Features Preview

<br />Before browsers can handle the next ge...

Linux uses suid vim.basic file to achieve privilege escalation

Reproduce on Kali First set suid permissions for ...

JavaScript to achieve floor effect

This article shares the specific code of JavaScri...

Pitfalls based on MySQL default sorting rules

The default varchar type in MySQL is case insensi...

HTML&CSS&JS compatibility tree (IE, Firefox, Chrome)

What is a tree in web design? Simply put, clicking...

How to install Zookeeper service on Linux system

1. Create the /usr/local/services/zookeeper folde...

9 Tips for Web Page Layout

<br />Related articles: 9 practical suggesti...

How to use Vue3 asynchronous data loading component suspense

Table of contents Preface Creating Components Sum...

How to set password for mysql version 5.6 on mac

MySQL can be set when it is installed, but it see...

Solution for Docker Swarm external verification load balancing not taking effect

Problem Description I created three virtual machi...

Implementation of nacos1.3.0 built with docker

1. Resume nacos database Database name nacos_conf...

Detailed example of mysql trigger usage

MySQL trigger syntax details: A trigger is a spec...

translate(-50%,-50%) in CSS achieves horizontal and vertical centering effect

translate(-50%,-50%) attributes: Move it up and l...