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

How to import Excel files into MySQL database

This article shares with you how to import Excel ...

JavaScript implements checkbox selection function

This article example shares the specific code of ...

CSS realizes the scene analysis of semi-transparent border and multiple border

Scenario 1: To achieve a semi-transparent border:...

HTML user registration page settings source code

Design the web page shown above: <!DOCTYPE htm...

WeChat applet implements search function and jumps to search results page

Search Page: search.wxml page: <view class=&qu...

Binary installation of mysql 5.7.23 under CentOS7

The installation information on the Internet is u...

mysql5.7.18 decompressed version to start mysql service

The decompressed version of mysql5.7.18 starts th...

Vue practice of preventing multiple clicks

Generally, click events will be divided into diff...

How to install Oracle_11g using Docker

Install Oracle_11g with Docker 1. Pull the oracle...