ホームページ > 記事 > ウェブフロントエンド > HTML blockquoteの使い方 blockquoteタグの使い方の紹介
HTML blockquoteの使い方 blockquoteタグの使い方の紹介
- 寻∝梦オリジナル
- 2018-09-03 17:04:1416634ブラウズ
この記事では、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 blockquoteの使い方 blockquoteタグの使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。