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

Simple tips to increase web page loading speed

The loading speed of a web page is an important in...

Detailed explanation of Nginx rewrite jump application scenarios

Application scenario 1: Domain name-based redirec...

How to execute PHP scheduled tasks in CentOS7

Preface This article mainly introduces the releva...

Example of how to quickly delete a 2T table in mysql in Innodb

Preface This article mainly introduces the releva...

Solve the problem that Mysql5.7.17 fails to install and start under Windows

Install MySQL for the first time on your machine....

CSS3 uses the transition property to achieve transition effects

Detailed description of properties The purpose of...

MySQL 8.0.13 download and installation tutorial with pictures and text

MySQL is the most commonly used database. You mus...

JavaScript to achieve window display effect

This article shares the specific code of JavaScri...

Detailed tutorial on installing MySQL 5.7.20 on RedHat 6.5/CentOS 6.5

Download the rpm installation package MySQL offic...

How does Vue implement communication between components?

Table of contents 1. Communication between father...

In-depth understanding of uid and gid in docker containers

By default, processes in the container run with r...

MySQL 8.0 Window Function Introduction and Summary

Preface Before MySQL 8.0, it was quite painful to...