HTML の基本概要推奨事項 (段落)

HTML の基本概要推奨事項 (段落)

HTML段落

段落は <p> タグによって定義されます。

<p>これは段落です</p>
<p>これは別の段落です</p>

ヒント: 終了タグの使用を忘れると、予期しない結果やエラーが発生する可能性があります。

<p> の align 属性は HTML4/5 では非推奨です。代わりに CSS を使用してください。段落はイベント属性とグローバル属性をサポートします

段落内のテキスト配置

<!DOCTYPE html>
<html>
<ヘッド>
<スタイル>
h1 {テキスト配置:center;}
p.date {テキスト配置:右;}
p.main {テキスト配置: ジャスティファイ;}
</スタイル>
</head>

<本文>

<h1>CSS テキスト配置の例</h1>
<p class="date">2015年3月14日</p>
<p class="main">「若い頃、私は世界を変えることを夢見ていました。しかし、年をとるにつれて、世界を変えることはできないと分かり、視野を狭めて、自分の国だけを変えようと決めました。老年期に入ったとき、自分の国を変えることはできないと分かりました。私の最後の願いは、家族を変えることだけでした。しかし、それも叶いませんでした。今、死に瀕してベッドに横たわっているとき、突然気づきました。もし私がまず自分自身を変えていたら、家族を変えることができたかもしれない。彼らの助けと励ましがあれば、自分の国のために何かできたかもしれない。そうなったら、誰にも分からない。世界を変えることさえできたかもしれない。」</p>
<p><b>注:</b> ブラウザ ウィンドウのサイズを変更して、「両端揃え」がどのように機能するかを確認してください。 </p>
</本文>
</html>

文法
<p align="左|右|中央|両端揃え">

プロパティ値

描述
left 左對齊文本。
right 右對齊文本。
center 居中對齊文本。
justify 對行進行伸展,這樣每行都可以有相等的寬度(就像在報紙和雜志中)。

HTML 改行

新しい段落を作成せずに改行 (新しい行) が必要な場合は、<br /> タグを使用します。

<p>これは<br>改行のある段落<br>グラフです</p>
<br /> 要素は空の HTML 要素です。終了タグは意味をなさないため、終了タグはありません。

ヒント: <br> タグは、住所情報や詩を書くときに非常に便利です。注: 段落を区切る代わりに、空白行を入力するには <br> タグを使用します。注意: HTML 出力 - HTML がどのように表示されるか正確には判断できないため、注意してください。画面のサイズとウィンドウのサイズ変更によって結果が異なる場合があります。 HTML では、出力を変更するために HTML コードに余分なスペースや改行を追加することはできません。ページを表示する際、ブラウザはソース コードから余分なスペースと空白行を削除します。連続するスペースまたは空白行はすべて 1 つのスペースとしてカウントされます。 HTML コード内の連続するすべての空白行 (改行) も 1 つのスペースとして表示されることに注意することが重要です。 <html>

<本文>
<h1>春の夜明け</h1>
<p>
夜明けを知らずに春を眠り続ける
どこでも鳥の鳴き声が聞こえます。
夜の風と雨の音、
花は何本落ちましたか?
</p>
<p>ブラウザはソースコード内のタイポグラフィを無視することに注意してください(余分なスペースと改行を削除します)。 </p>
</本文>
</html>

出力

春の夜明け

私は夜明けを知らずに春を眠り過ごし、至る所で鳥のさえずりを聞きました。 夜は風雨の音がして、花は一体何本落ちたのだろう。

ブラウザはソース コード内のタイポグラフィを無視することに注意してください (余分なスペースと改行を削除します)。

上記のHTML基本要約推奨事項(段落)は、エディターがあなたと共有するすべてのコンテンツです。参考になれば幸いです。また、123WORDPRESS.COMを応援していただければ幸いです。

オリジナルURL: http://www.cnblogs.com/sxtywjx/archive/2016/07/13/5665124.html

<<:  CSS3 のエラスティック レイアウトでの em の使用の概要: 1em は何ピクセルですか?

>>:  WindowsでのMySQLインストールチュートリアルの詳細な紹介

推薦する

Linux の検索ツールの代替となるフレンドリーなツール

find コマンドは、指定されたディレクトリ内のファイルを検索するために使用されます。引数の前の文字...

vue 動的コンポーネント

目次1. コンポーネント2. キープアライブ2.1 問題点2.2 キープアライブを使って解決する2....

Vueリストデータを削除した後、ページを自動的に更新する方法と更新方法の詳細な説明

問題の説明:フロントエンドがデータの一部を削除したり、新しいデータを追加したりすると、バックエンドの...

W3C チュートリアル (15): W3C SMIL アクティビティ

SMIL は、Web にタイミングとメディアの同期のサポートを追加します。 SMIL は、Web に...

MySQL数千万の大規模データに対する30のSQLクエリ最適化テクニックの詳細な説明

1. クエリを最適化するには、テーブル全体のスキャンを避けてください。まず、where と orde...

Dockerコンテナにnginxを簡単にデプロイするプロセスの分析

1. コンテナにnginxサービスをデプロイするcentos:7 イメージはコンテナを実行し、このコ...

ウェブサイト製品設計の参考となるいくつかの原則

以下の分析は製品設計原則に関するものですが、そのほとんどはウェブサイト製品に基づいているため、ユーザ...

デジタル時計効果を実現するJavaScript

この記事の例では、JavaScriptでデジタル時計効果を実装するための具体的なコードを参考までに共...

Nginx をインストールして複数のドメイン名を設定する方法

Nginx のインストールCentOS 6.x yum にはデフォルトで nginx ソフトウェア ...

Docker で Python スクリプトを実行する方法

まず、Docker イメージ用の特定のプロジェクト ディレクトリを作成します。例: mkdir /h...

SQLデータベースの14の事例の紹介

データシート /* Navicat SQLite データ転送 ソースサーバー: school ソース...

Tomcatを使用して共有ライブラリを設定し、同じjarを共有する

デプロイされるプロジェクトが増えるにつれて、Tomcat にデプロイされるリリース パッケージも増え...

ブラウザでのjsのイベントループイベントキューの詳細な説明

目次序文スタックと2つのキューを理解する実行プロセス簡単な例より難しい例要約する序文以下の内容はブラ...

CocosCreator で物理エンジン ジョイントを使用する方法

目次マウスジョイント マウスジョイント距離ジョイント距離ジョイントモータージョイント直動ジョイント変...

SQLはLeetCodeを実装します(180.連続した数字)

[LeetCode] 180. 連続した数字少なくとも 3 回連続して出現するすべての数字を検索す...