HTML の blockquote タグの使用と美化

HTML の blockquote タグの使用と美化

ブロック引用の定義と使用法

<blockquote> タグは引用ブロックを定義します。
<blockquote> と </blockquote> の間のすべてのテキストは通常​​のテキストから分離され、多くの場合、左右にインデントされ (余白が拡大され)、斜体になることもあります。つまり、blockquote には独自のスペースがあります。

HTML と XHTML の間に違いはありません。

ヒントと注意事項:

ヒント: 短い引用をマークするには、q 要素を使用します。

注: ページを厳密な XHTML として検証するには、次のように <blockquote> 要素にブロックレベル要素を含める必要があります。


コードをコピー
コードは次のとおりです。

<引用>
<p>ここには長い引用があります。ここには長い引用があります。</p>
</blockquote>



ヒント: 実行前にコードの一部を変更することができます


ブラウザのステータス:

CSS 引用ブロックの美化効果


皆さんはblockquoteをよくご存知だと思います。Wordでは「テキストボックス」と呼ばれ、実際Webページでもテキストボックスと呼ぶことができます。段落テキストの両端にblockquoteタグを追加すると、テキストが表示され、内部のテキストにはblockquoteの形式が含まれるため、CSSでblockquoteのさまざまなプロパティを定義しておけば、これは良いことだとわかるでしょう。 IE はこの CSS コードの定義の一部をサポートしていないため、Firefox または Chrome で最適な結果が表示されることに注意してください。


ヒント: 実行前にコードの一部を変更することができます

<<:  vue.js ベースの QQ チャット ルーム

>>:  MySQL のテーブルリターンとインデックスカバレッジの例の詳細な説明

推薦する

Docker コンテナ ソース コードのデプロイ httpd ストレージ ボリュームを使用して Web サイトをデプロイする (推奨)

目次Dockerコンテナのソースコードを使用してhttpdをデプロイし、ストレージボリュームを使用し...

3 階層ナビゲーション メニューを実現するための js+css

この記事の例では、3レベルのナビゲーションメニューを実装するためのjs + cssの具体的なコードを...

Vue3 を使用して虫眼鏡効果を実現する方法の例

目次序文1. カプセル化の重要性2. どのようにカプセル化しますか? 1. 準備2. 梱包を開始する...

jQueryはテーブル行データのスクロール効果を実現します

この記事の例では、テーブル行データのスクロール効果を実現するためのjQueryの具体的なコードを参考...

ウェブページ内でウェブテーブルやdivレイヤーが引き伸ばされる問題の解決策

<br />Web ページをデザインするときには、いつも不快なことに遭遇します。最も一般...

マークアップ言語 - Web アプリケーション CSS スタイル

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

HTML ブロックレベルタグとインラインタグの違い

1. ブロックレベル要素: 独立して存在できる能力を指します。通常、ブロックレベル要素は改行によって...

シェルスクリプトはNginxのaccess.logのPVを定期的にカウントし、APIに送信してデータベースに保存します。

1. PVとIPの統計一日のPV(ページビュー)をカウントする cat access.log | ...

初心者向け入門講座⑧:記事サイトを簡単に作る

前回の投稿では、Web ページの作成方法について説明しました。Web サイトは多くの Web ページ...

Docker swarm を使用して Nebula Graph クラスターを迅速にデプロイする方法のチュートリアル

1. はじめにこの記事では、Docker Swarm を使用して Nebula Graph クラスタ...

MySQL 5.7.20 の解凍バージョンをインストールするための詳細な手順 (2 つの方法)

Windows 64ビットでのMySQLのインストールについて説明します。5.7以降、MySQLの...

Windows 2016 Server セキュリティ設定

目次システムアップデート構成Windows Update サーバーの変更自動更新を有効にして許可する...

Docker 基本チュートリアル: Dockerfile 構文の詳細な説明

序文Dockerfile は Docker プログラムによって解釈されるスクリプトです。Docker...

フォーム検証機能を実装するためのネイティブ js

目次開発の際には、機能を段階的に分析して実装することで、明確な考え方を保つことができます。 1. フ...

バッチファイルを処理するLinuxの1行コマンドの詳細な説明

序文最良の方法は、あなたが思いつく最も速い方法ではないかもしれません。職場で一時的に使用するスクリプ...