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

推薦する

MySQL 5.7 でルートパスワードを変更する方法

MySQL 5.7 以降では、多くのセキュリティ更新が追加されました。旧バージョンのユーザーは慣れて...

TypeScript の条件型に関する詳細な読書と実践記録

目次ジェネリック型での条件型の使用ツールタイプ脱出ポッド矢印関数で条件型を使用する型推論による条件型...

VueとReactの詳細

目次1. パノラマII. 背景1. 反応: プロフェッショナル2. ビュー: 凡例3. 技術的な思考...

BFCとは何ですか? CSS 疑似要素を使用してフロートをクリアする方法

BFCコンセプト:ブロック フォーマット コンテキストは、BFC 内の要素を外部の要素から分離する独...

フロントエンドが習得すべき、複数列の等高レイアウトを実現するための CSS テクニック

1. はじめにページを作成しているときに、複数列のレイアウトに遭遇することがあります。各列の内容が異...

Nodejs での WeChat アプレット メッセージ プッシュの実装

サブスクリプションメッセージテンプレートを選択または作成するWeChat アプレットにログインし、「...

解析を実装するためにPostgreSQLデータベースを書き込むSQLスクリプト関数

この記事は主に、PostgreSQL データベースを記述して解析を実装する SQL スクリプト関数を...

JavaScript関数の詳細な紹介

任意の数のステートメントを関数を通じてカプセル化することができ、いつでもどこでも呼び出して実行できま...

Docker を使用した JMeter+Grafana+Influxdb 監視プラットフォームの構築に関する詳細なチュートリアル

Jmeter がネイティブの結果表示機能を提供していることは誰もが知っています。ネイティブの結果表示...

MySQL初心者のための基本操作のまとめ

図書館運営クエリ1.SHOW DATABASE; ----すべてのデータベースを照会する2. SHO...

MySQLのパラメータについてお話しましょう

序文:以前の記事では、特定のパラメータの機能についてよく紹介してきました。しかし、MySQL パラメ...

Vue 学習 - VueRouter ルーティングの基礎

目次1. Vueルーター1. 説明2. 選択したルートのレンダリング: 3. 基本的な動作原理2. ...

Dockerはローカルディレクトリとデータボリュームコンテナ操作をマウントします

1. DockerはローカルディレクトリをマウントしますDocker は、ホスト上のディレクトリをイ...

CSS ボックスを中央揃えするためのよく使われるいくつかの方法 (要約)

最初のもの: CSSの位置プロパティの使用 <スタイル タイプ="text/css&...

Dockerデータを完全にクリーンアップする方法

目次定期的に剪定するミラーエビクションコンテナのクリーンアップネットワークソート体積の蒸発完全にクリ...