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インストールチュートリアルの詳細な紹介

推薦する

Windowsタイムサーバーの設定方法の詳しい説明

最近、会社のサーバーの時間が不正確で、外部の時間ソースと同期できないことがわかりました。会社はドメイ...

Vue3の組み込みコンポーネントであるTeleportの使い方を詳しく説明します

目次1. テレポートの使用2. モーダルダイアログコンポーネントを完成させる3. コンポーネントのレ...

myBatis で条件を削除する際のスプライシング問題を解決する

私は今日、mybatis を学び、データベースに対していくつかの簡単な追加、削除、変更、クエリを実行...

Dockerで最もよく使われるイメージコマンドとコンテナコマンドの詳細な説明

この記事では、Docker の使用で最もよく使用されるイメージ コマンドとコンテナ コマンドを一覧表...

nginx httpモジュールのデータ保存構造の概要

このセクションから、http モジュールの実装原理について説明します。http モジュールで非常に重...

MySQL 5.x の文字化け問題の解決方法

MySQL はよく使われるオープンソースのデータベース ソフトウェアですが、初めてのユーザーにはあま...

Linux でリモート サーバー ファイルの状態を表示する方法

以下のように表示されます。 test コマンドはファイルが存在するかどうかを判断します。 ssh u...

JavaScript配列の一般的なメソッドの概要

目次1. はじめに2. フィルター() 3. マップ() 4. ソート() 5. 減らす() 6. ...

フォームで完全な選択または逆選択効果を実現する JavaScript

この記事では、フォームの完全選択または逆選択を実現するためのJavaScriptの具体的なコードを参...

Docker インストール Nginx チュートリアル 実装図

Nginx をインストールして試してみましょう。画像はクラスであり、コンテナはオブジェクトであること...

HTML文書におけるol要素の数値制限に関する議論

一般的に言えば、HTML ドキュメント内で極端に大きな <ol> リストに遭遇する可能性...

HTML で特定のテキストを非表示にするにはどうすればよいでしょうか?

テキスト非表示コード、HTML 内の特定のテキストを非表示にするコードをコピーコードは次のとおりです...

Windows での mysql-5.7.28 のダウンロード、インストール、および構成に関する詳細なグラフィックとテキストのチュートリアル

最近MySQLデータベースのバージョンを変更する必要があり、それを記録するために記事を書きます1. ...

WeChat アプレット wxs 日付と時刻処理の実装例

目次1. 日付までのタイムスタンプ2. UTCを北京時間に変換するWXS (WeiXin Scrip...

CSS3は光る境界線効果を実現します

操作効果: html <!-- この要素は表示されません。DOM は JavaScript に...