例を通してBRタグとPタグの違いを理解する

例を通してBRタグとPタグの違いを理解する
<br />改行タグの使用<br>改行タグ<br>は終わりのないタグです。HTMLファイル内のどこかに<br>タグが使用されている限り、そのファイルをブラウザで表示したときに、その位置以降のテキストが次の行に表示されます。<br>タグは改行タグです!
ご注意ください!通常のテキスト ファイルでは、キーボードの Enter キーを押すだけで改行できます。ただし、HTML ファイルでは Enter キーを押しても意味がありません。改行するには、特定のタグ <br> を使用する必要があります。例:
引用内容は以下のとおりです。
<html>
<ヘッド>
<title>br タグの使用</title>
</head>
<本文>
チンピン・ディアオ<br>
雲は衣服のよう、花は顔のよう、
春風が玄関を吹き抜け、花々が満開です。
もし玉山の頂上で会っていなかったら、
私たちは月の下で瑶台で会います。 <br>
</本文>
</html>
どんな効果が出るかお楽しみに〜!
詩全体をページの中央に配置するにはどうしたらよいかと尋ねる人もいるかもしれません。中央揃えを実現したい場合は、前に学習した <p align=center>content</p> を使用できます。
例:
引用内容は以下のとおりです。
<html>
<ヘッド>
<title>br タグの使用</title>
</head>
<本文>
<p align=center>チンピン・ディアオ<br>
雲は衣服のよう、花は顔のよう、
春風が玄関を吹き抜け、花々が満開です。
もし玉山の頂上で会っていなかったら、
私たちは月の下で瑶台で会います。 <br>
</p>
</本文>
</html>
================================================
段落タグ <p> の使用 <p> タグで識別されるテキストは、同じ段落のテキストを表します。ブラウザでは、改行に加えて、異なる段落のテキストを区別するために、空白行で異なる段落のテキストが区切られることがあります。構文は次のとおりです。
<p>テキスト</p>
しかし、一般的なアプリケーションでは、段落に分割されるテキストの後にのみ <p> タグが追加されることがよくあります。例:
引用内容は以下のとおりです。
<html>
<ヘッド>
</head>
<title><p>タグの使用</title>
</head>
<本文>
チンピン・ディアオ
雲は服に似ており、花は顔に似ている。
春風が敷居を吹き抜け、露が濃い。
もし玉山の頂上でそれを見ていなかったら、
我々は月の下で瑶台で会うだろう、
</本文>
</html>
では、<br> と <p> の違いは何でしょうか?簡単に言えば、枝分かれすると列に分かれる
<p>行間が比較的広いです!以下を見てみましょう:
引用内容は以下のとおりです。
<html>
<ヘッド>
</head>
<title><p>タグの使用</title>
</head>
<本文>
チンピン・ディアオ<br>
雲は衣服のよう、花は顔のよう、
春風が敷居を吹き抜け、露が濃い。
もし玉山の頂上でそれを見ていなかったら、
我々は月の下で瑶台で会うだろう、
</本文>
</html>
こうすると効果がわかりますよね?

<<:  フロントエンドはJavaScriptを通じてCADグラフィックスの詳細を作成および変更します。

>>:  YUMを使用してdockerをインストールする方法

推薦する

Docker ネットワークの原理とカスタム ネットワークの詳細な分析

Docker はホストマシン上のブリッジを仮想化します。コンテナを作成して起動すると、各コンテナには...

Linux周辺ファイルシステムのカスタマイズ方法

序文一般的に、Linux システムについて話すときは、Linux カーネルと GNU プロジェクトに...

Vue でのルータービューコンポーネントの使用に関する詳細な説明

Vue プロジェクトを開発する場合、さまざまなコンポーネント ページを表示するために切り替えることが...

プライベートウェアハウス(レジストリとハーバー)を構築するためのDockerの実装

使用される Docker イメージが増えるにつれて、イメージを保存する場所、つまりウェアハウスが必要...

MySQL で複数のフィールドを連結する詳細な例

MySQL クエリ結果の行フィールドの結合は、次の 2 つの関数を使用して実装できます。 1. co...

Linux インストール MongoDB の起動と一般的な問題の解決

MongoDB のインストール プロセスと問題記録1. MongoDBのインストールMongoDBを...

CSSのborder-radiusプロパティを使用して円弧を設定します

現象: divを一定の振幅で円、楕円などに変更する方法: CSSのborder-radiusプロパテ...

見落としがちなMySQLのCOLLATIONの例の詳細な説明

序文MySQL データベースの文字列型は、CHAR、VARCHAR、BINARY、BLOB、TEXT...

Vue ページ スタック マネージャーの詳細

目次2. 試した方法2.1 キープアライブ2.2 ネストされたルートを持つ CSS 3. 機能説明4...

JavaScript を使用して userAgent を通じていくつかの一般的なブラウザを判別する方法

序文通常、h5 ページを作成するときは、WeChat、QQ、Weibo などのエコシステム内でトラフ...

Tomcat の一般的な例外と解決コードの例

弊社のプロジェクトは Java で開発され、ミドルウェアは Tomcat でした。運用中に、Tomc...

Linux の fsevents モジュールによって発生する npm ls エラーの解決方法の詳細な説明

Mac で開発されたプロジェクトがあり、パッケージ npm i がインストールされており、すべて正常...

docker --privileged=true パラメータの役割についての簡単な説明

バージョン 0.6 あたりで、Docker に privileged が導入されました。このパラメー...

MySQL トランザクション分離レベルと MVCC の詳細な説明

目次トランザクション分離レベル同時トランザクション実行中に発生した問題SQL標準の4つの分離レベルM...

HTMLのマーキータグは、シームレスなスクロールマーキー効果を実現します。

<marquee> タグはペアで表示されるタグです。最初のタグ <marquee...