コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

目次

心似桂花开

ホームページ

ウェブフロントエンド

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>
ログイン後にコピー
図に示すように、ブラウザに表示される効果:
このタグは、タグで囲まれたすべてのテキストを右にインデントできます。そして、ラベルのグループを追加し、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 id="心似桂花开">心似桂花开</h2>
<p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？</p>
<blockquote>暗淡轻黄体性柔，情疏迹远只香留。何须浅碧深红色，自是花中第一流。</blockquote>
<p>这是李清照《咏桂》中的词句，在李清照看来，桂花暗淡青黄，性情温柔，淡泊自适，远比那些大红大紫争奇斗艳花值得称道。</p>
</body>
</html>
ログイン後にコピー
効果は図に示すとおりです:

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

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

【編集者のおすすめ】

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

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

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

このウェブサイトの声明

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

もっと見る

人気の記事

<🎜>：庭を育てる - 完全な突然変異ガイド

4週間前 By DDD

<🎜>：バブルガムシミュレーターインフィニティ - ロイヤルキーの取得と使用方法

1 か月前 By 尊渡假赌尊渡假赌尊渡假赌

Nordhold：Fusion System、説明

1 か月前 By 尊渡假赌尊渡假赌尊渡假赌

マンドラゴラ：魔女の木のささやき - グラップリングフックのロックを解除する方法

4週間前 By 尊渡假赌尊渡假赌尊渡假赌

Clair Obscur：Expedition 33 UE-Sandfallゲームクラッシュ？ 3つの方法！

2週間前 By DDD

もっと見る

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

もっと見る

ホットトピック

Java チュートリアル

1677

14

CakePHP チュートリアル

1431

52

Laravel チュートリアル

1334

25

PHP チュートリアル

1280

29

C# チュートリアル

1257

24

もっと見る

Related knowledge

HTMLの表の境界線

HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル

HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン

HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト

HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブルレイアウトのガイド。ここでは、HTML テーブルレイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー

HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

PHPでHTML/XMLを解析および処理するにはどうすればよいですか？

PHPでHTML/XMLを解析および処理するにはどうすればよいですか？ Feb 07, 2025 am 11:57 AM

このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML（拡張可能なマークアップ言語）は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます

HTML 順序付きリスト

HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML の onclick ボタン

HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリックボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles