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

JavaScript clicks the button to generate a 4-digit random verification code

This article example shares the specific code of ...

MySQL full backup and quick recovery methods

A simple MySQL full backup script that backs up t...

An article to help you understand jQuery animation

Table of contents 1. Control the display and hidi...

Implementation of CSS equal division of parent container (perfect thirds)

The width of the parent container is fixed. In or...

echars 3D map solution for custom colors of regions

Table of contents question extend Solving the pro...

js data types and their judgment method examples

js data types Basic data types: number, string, b...

18 killer JavaScript one-liners

Preface JavaScript continues to grow and prosper ...

Solution to the 404/503 problem when logging in to TeamCenter12

TeamCenter12 enters the account password and clic...

MySQL scheduled backup solution (using Linux crontab)

Preface Although some love in this world has a pr...

How to use mysql index merge

Index merging is an intelligent algorithm provide...

HTML table markup tutorial (43): VALIGN attribute of the table header

In the vertical direction, you can set the alignm...

Ubuntu basic settings: installation and use of openssh-server

Record the installation and use of openssh-server...

MySQL 8.0.11 installation summary tutorial diagram

Installation environment: CAT /etc/os-release Vie...

How to install mysql5.7.24 binary version on Centos 7 and how to solve it

MySQL binary installation method Download mysql h...

MySQL compressed package version zip installation configuration method

There are some problems with the compressed versi...