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

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

Sep 03, 2018 pm 05:04 PM
blockquote html

この記事では、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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Stock Market GPT

Stock Market GPT

AIを活用した投資調査により賢明な意思決定を実現

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ホットトピック

Windowsの下に相談をインストールする方法 Windowsの下に相談をインストールする方法 Sep 29, 2025 am 10:27 AM

1.公式ウェブサイトにアクセスして、https://www.consul.io/downloads.html2をダウンロードしてください。減圧:3。環境変数の設定:e:\ programfiles \ consulを追加するパス; 4.CMD開始:Consulagent-Dev5。 URLを開きます:http:// localhost:8500、関連サービスによって発見されたインターフェイスとインターフェイスを確認できます。

HTMLでミュートされたビデオを自動再生する方法 HTMLでミュートされたビデオを自動再生する方法 Oct 04, 2025 am 12:55 AM

HTMLビデオのサイレント自動再生を実現するには、自動再生、ミュート、およびプレイインインスラインプロパティを使用します。ほとんどの最新のブラウザは、ビデオを自動的に再生するためにマットを使用する必要があり、Mutedはこの状態を満たし、PlaysInlineはフルスクリーンの代わりにIossafariインライン再生を保証します。コントロールはオプションでコントロールバーを表示するために使用されます。ミュートを解除する必要がある場合は、javaScriptを介したユーザーインタラクション後にvideo.muted = falseを設定できます。プログラムでトリガーするときは、最初にミュートして可能なエラーをキャッチするように設定する必要があります。これらのプロパティを正しく追加し、ファイルパスを確認して、クロスデバイス互換のサイレントオートマチック再生を実現します。

PHPでHTMLタグをエコーする方法 PHPでHTMLタグをエコーする方法 Sep 29, 2025 am 02:25 AM

PHPにHTMLを出力するために、単一の引用符または脱出した二重引用符を使用します。属性の引用符の競合を避けるために、文字列を単一の引用符で巻くことをお勧めします。動的なコンテンツは、可変スプライシングまたはHeredoc構文と組み合わせて生成できます。

HTMLで電話入力を作成する方法 HTMLで電話入力を作成する方法 Oct 04, 2025 am 04:23 AM

usetype = "tel" inhtmlinputtocreateeTelephonefield、mobilekeyboardsandimprovesuserexperience; enductiTtributeslikepattern、必要、maxlength、andautocompleteforvalidationsanability。

HTML要素を並べて作成する方法 HTML要素を並べて作成する方法 Oct 04, 2025 am 12:39 AM

FlexBox、インラインブロック、またはグリッドを使用して、HTML要素を並べて表示します。1。FlexBoxが最も推奨され、表示を介して実装されています:Flex; 2。インラインブロックは、空白の間隔に注意を払う必要があります。 3.グリッドは複雑なレイアウトに適しており、グリッドテンプレートコラムを使用して列を定義します。

HTMLの新しいタブでリンクを開くにはどうすればよいですか? HTMLの新しいタブでリンクを開くにはどうすればよいですか? Sep 28, 2025 am 02:53 AM

ターゲット= "_ blank"を使用して、新しいタブページにリンクを開きます。セキュリティとパフォーマンスを向上させるためにREL = "NOOPENER"を追加することをお勧めします。また、外部リンク、リソースのダウンロード、その他のシナリオに適しています。

HTMLのIDとクラスの違いは何ですか HTMLのIDとクラスの違いは何ですか Sep 28, 2025 am 06:30 AM

IDは単一の要素を一意に識別するために使用され、クラスは複数の要素に対して繰り返し使用できます。 #idを選択します。 CSSでクラスを選択すると、JavaScriptはgetElementByIDまたはgetElementsByClassNameを使用します。 IDは一意のコンポーネントまたはアンカーリンクに適しています。クラスは、多重化スタイルまたはバッチ操作に適しています。

HTMLのViewPortメタタグは何ですか? HTMLのViewPortメタタグは何ですか? Sep 29, 2025 am 12:38 AM

viewportmetatagensuresproperdisplayonmobiledevicesbysettintingwidth = device-widthandinitial-scale = 1.0、防止、読み取りのない、想像力を発揮することを防止します。

See all articles