TECH I.S.

HTML段落


段落は常に新しい行から始まり、通常はテキストのブロックです。


HTML段落

HTML<p>要素は段落を定義します。

段落は常に新しい行から始まり、ブラウザは段落の前後に空白(マージン)を自動的に追加します。

<p>これは段落です</p> <p>これはもう一つの段落です</p>


HTML表示

HTMLがどのように表示されるかはわかりません。

画面が大きくても小さくても、ウィンドウのサイズを変更しても、結果は異なります。

HTMLでは、HTMLコードに余分なスペースや行を追加して表示を変更することはできません。

ページが表示されると、ブラウザーは余分なスペースや行を自動的に削除します。

<p> この段落には ソースコードに多くの行が 含まれていますが、 ブラウザーは それを無視します。 </p> <p> この段落 ソースコードに多く スペースが 含まれています。 しかし ブラウザは それを無視します。 </p>


HTML水平ルール

<hr>タグは、HTMLページのテーマの区切りを定義し、ほとんどの場合、水平線として表示されます。 <hr>要素は、HTMLページのコンテンツを分離する(または変更を定義する)ために使用されます。

<h1>これは見出し1です</h1> <p>これはテキストです</p> <hr> <h2>これは見出し2です</h2> <p>これは別のテキストです</p> <hr>

<hr>タグは空のタグです。つまり、終了タグはありません。

HTML改行

HTML<br>要素は改行を定義します。

新しい段落を開始せずに改行したい場合は、<br>を使用します。

<p>これは<br>改行のある<br>段落です</p>

<br>タグは空のタグです。つまり、終了タグはありません。

詩の問題

この詩は1行で表示されます。

<p>   私のボニーは海の上に横たわっています。   私のボニーは海の上に横たわっています。   私のボニーは海の上に横たわっています。   ああ、私のボニーを返してください。 </p>


解決策 - HTML<pre>要素

HTML<pre>要素は、整形済みテキストを定義します。

<pre>要素内のテキストは固定幅フォント(通常はCourier)で表示され、スペースと改行の両方が保持されます。

<pre>   私のボニーは海の上に横たわっています。   私のボニーは海の上に横たわっています。   私のボニーは海の上に横たわっています。   ああ、私のボニーを返してください。 </pre>


HTMLタグリファレンス

テックアイエスライブラリーのタグリファレンスには、HTML要素とその属性に関する追加情報が含まれています。


タグ

説明

<p> 段落を定義します。
<hr> コンテンツのテーマの変更を定義します。
<br> 単一の改行を挿入します。
<pre> 書式設定済みのテキストを定義します。

利用可能なHTMLタグの完全なリストについては、HTMLタグリファレンスを参照してください。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細