logo

HTMLタグ

HTML

タグは、別のソースから引用されたテキストのブロックを定義するために使用されます。ブラウザは通常、次のコンテンツを表示します。
インデントされたテキストとしてタグを付けます。

長い引用符を挿入したい場合は、次を使用します

短い引用またはインライン引用にはタグを使用します。

構文

 <blockquote> quoted text......</blockquote> 

以下は、

鬼ごっこ

画面 ブロック
開始タグ/終了タグ 開始タグと終了タグの両方
使用法 意味論的/テキスト的

 Blockquote tag <h2>Example of blockquote tag</h2> <p>A Great Motivational Quote :</p> <blockquote cite="https://www.brainyquote.com/authors/erin_cummings"> <p> At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren&apos;t where you want to be, you will always be a failure. </p> </blockquote> Erin Cummings 
今すぐテストしてください

出力:

HTML ブロッククォート タグ

スタイリング
鬼ごっこ

 Blockquote tag blockquote{ text-align: justify; background-color: #F7EAE9; border-radius: 4px; margin-right: 25px;} cite{ margin-left: 15px;} <h2>Example of blockquote tag</h2> <p>A Great Motivational Quote:</p> <blockquote cite="https://www.brainyquote.com/authors/erin_cummings"> <p> At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren&apos;t where you want to be, you will always be a failure. </p> </blockquote> -Erin Cummings 
今すぐテストしてください

注: CSS プロパティ margin-right: 25px を使用して、テキストに適用されるインデントを変更しました。 margin-left または margin 省略表現プロパティを使用することもできます。

出力:

HTML ブロッククォート タグ

属性

タグ固有の属性

属性 価値 説明
引用する クロムブラウザ URL 引用元のソースの URL を指定するために使用されます。

グローバル属性

タグは、HTML のすべてのグローバル属性をサポートします。

イベント属性

タグは、HTML のすべてのイベント属性をサポートします。

サポートするブラウザ

要素 つまりブラウザクロム FirefoxブラウザIE オペラブラウザFirefox サファリブラウザオペラ サファリ
はいはいはいはいはい