§02-05…段落の追加 – オンライン無料パソコン教室

§02-05…段落の追加

(01) 1行改行して「こんにちは」とするつもりです。「re01.htm」のbody部を以下のように変更してください。

<body>
<p>はじめまして
こんにちは</p>
</body>

(02) 上書き保存してからブラウジングしてください。意図した通りに改行がなされていないことがわかります(改行が半角スペースとして処理されている)。

(03) 正しく改行させるには、各行(段落)を<p>タグで囲む必要があります。以下のように修正してください。

<body>
<p>はじめまして</p>
<p>こんにちは</p>
</body>

(04) 上書き保存してブラウジングしましょう。

(05) テキストエディター内で改行しなくても<p>タグで囲めばテキストが新しい段落として認識されます。以下のように追加してください。

<body>
<p>はじめまして</p>
<p>こんにちは</p><p>よろしくおねがいします</p>
</body>

(06) 上書き保存してブラウジングしましょう。

広告ブロックブラウザーではコンテンツが表示できません