ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

文字の入力と改行

文字の入力と改行の方法

文字を入力するにあたって、必ずタグで囲む必要はありません。適当に文字を入力してもブラウザで表示することができます。

しかし、タグを使わずに入力した文字はまとまりがなく、改行もされませんので非常に読みづらい文書となります。
それでは書く方も読む方も困ってしまいますよね。
さらに、タグで囲まず入力した文字はHTML文法的にも間違いです。

そこで、文字を入力する際には以下のタグを使ってみましょう!

<p>~</p>

<p>は、「Paragraph」の略で、<p>~</p>で囲まれた部分がひとつの段落として処理されます。

文字の入力

実際に<p>タグを使って以下の文書をBodyセクションに入力してみましょう!

<p>HTMLの文字の入力</p>

<p>タグを使わずに文字を入力することも可能ですが、文法的には間違いです。文字を入力する際は、必ず適切なタグで囲むよう気をつけましょう。</p>

[記述例]

<html>

<head>

<meta charset="utf-8">

<title>ホームページの勉強中</title>

</head>

<body>

<p>HTMLの文字の入力</p>

<p>タグを使わずに文字を入力することも可能ですが、文法的には間違いです。文字を入力する際は、必ず適切なタグで囲むよう気をつけましょう。</p>

</body>

</html>

入力が完了したら、ブラウザで確認してみましょう。間違いがなければ、以下のように表示されます。

ブラウザで確認した画像

<p>HTMLの文字の入力</p> と <p>タグを使わずに~</p> の間に、1行分のスペースが空いたのはお気づきでしょうか?
<p>タグは段落として処理されるので、上下に1行分のスペースが発生します。

覚えておきたいポイント

終了タグを忘れずに

<p>タグを使用する場合、必ず最後は</p>で閉じなければいけません。

文字の改行

<p>タグを使うことによって、文字を入力することが可能になりました。でも、文書というものは、適度に改行しなければ読み辛い箇所が発生します。
そんなときは<br>タグを使うと、改行することができます。

改行タグの入力

先程入力した文書に、改行を加えてみましょう。
「文法的には間違いです。」の後に<br>タグを入力します。

<html>

<head>

<meta charset="utf-8">

<title>ホームページの勉強中</title>

</head>

<body>

<p>HTMLの文字の入力</p>

<p>タグを使わずに文字を入力することも可能ですが、文法的には間違いです。<br>文字を入力する際は、必ず適切なタグで囲むよう気をつけましょう。</p>

</body>

</html>

入力が完了したら、保存してブラウザで確認してみましょう!

改行された画像

無事改行されましたね。これでずいぶん読みやすい文書となりました。
長い文書を入力する場合などは、適切な箇所で改行を加えると、とても読みやすい文書になります。

覚えておきたいポイント

<br>は閉じなくてもOK

<br>は</>で閉じる必要はありません。<br>だけでOKです。

見出しの入力
« 前のページへ タイトルタグの入力

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。