HTML blockquoteの使い方 blockquoteタグの使い方の紹介-htmlチュートリアル-php.cn

HTML blockquoteの使い方 blockquoteタグの使い方の紹介

寻∝梦

リリース： 2018-09-03 17:04:14

オリジナル

16617 人が閲覧しました

この記事では、html blockquote タグの定義と使用例、および html blockquote タグと p タグの参照の比較を中心に紹介します。それでは、この記事を一緒に見てみましょう

まず、まず HTML blockquote タグの定義を見てください:

タグはブロック引用符を定義します。

と
の間のすべてのテキストは通常のテキストから分離されており、多くの場合、左右がインデントされ (余白が増加し)、斜体になる場合もあります。つまり、ブロック参照には独自のスペースがあります。
次に、HTML blockquote タグの使用例を見てみましょう:

長い引用をマークします:
<blockquote>
Here is a long quotation here is a long quotation here is a long quotation 
here is a long quotation here is a long quotation.
</blockquote>
ログイン後にコピー
図に示すように、ブラウザに表示される効果:
このタグは、タグで囲まれたすべてのテキストを右にインデントできます。そして、ラベルのグループを追加し、1 つの単位を右にインデントし、2 つのラベルのグループを追加し、2 つの単位を右にインデントします。
それでは、長いテキストの引用と p タグとの比較を見てみましょう:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PHP中文网标签的使用</title>
</head>
<body>
<h2>心似桂花开</h2>
<p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？</p>
<blockquote>暗淡轻黄体性柔，情疏迹远只香留。何须浅碧深红色，自是花中第一流。</blockquote>
<p>这是李清照《咏桂》中的词句，在李清照看来，桂花暗淡青黄，性情温柔，淡泊自适，远比那些大红大紫争奇斗艳花值得称道。</p>
</body>
</html>
ログイン後にコピー
効果は図に示すとおりです:

効果は次のようになります。blockquote タグで設定されたテキストインデントされています。

上記は HTML blockquote タグの設定に関する記事です。ご質問がある場合は、以下にメッセージを残してください。

【編集者のおすすめ】

HTML空間コードの書き方は？ html空間コードの表現まとめ

htmlのcolタグ内の漢字を中央揃えにする方法は？ HTMLのcolタグの基本的な使い方（例付き）