ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML blockquoteの使い方 blockquoteタグの使い方の紹介

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

寻∝梦
リリース: 2018-09-03 17:04:14
オリジナル
16673 人が閲覧しました

この記事では、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>
ログイン後にコピー

図に示すように、ブラウザに表示される効果:

HTML blockquoteの使い方 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>
ログイン後にコピー

効果は図に示すとおりです:

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

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

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

【編集者のおすすめ】

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

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

以上がHTML blockquoteの使い方 blockquoteタグの使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート