mamohoのＨＰ作成講座

mamohoのＨＰ作成講座

改行と段落

●　改行

ワープロで文章を書くときって　適度に改行しますよね
しかし　ＨＴＭＬでは　ワープロのように改行したとしても
改行と認識してくれません
そこで　「改行してください」　という命令をタグで入力します
たとえば
はじめまして　
徳島のmamohoと申します　
よろしくお願いします

という文章を書く場合このまま書いてしまうと

　　はじめまして徳島のmamohoと申しますよろしくお願いします

と　表示されてしまいます
ここで <br> 　という　改行タグを使います
はじめまして <br>
徳島のmamohoと申します <br>
よろしくお願いします

と　書くことで　上の黄色の部分のように表示されるわけです
タグは　たいてい　開始タグと修了タグで対になっているのですが
この <br> は　これひとつで改行を指定できますので　修了タグはありません

●　段落

文章が数行になると　文節を作ります
文節と文節を分けたいとき　この　段落のタグ <p> を使います
画像からもう一段下げて文章を打ちたいときとかにも使えます

楽天広場をご利用の場合は　普通に改行するだけでいいので
このタグは不要です
間違って入れてしまうと　余計に行幅が広がってしまいます
ご注意ください

<p>
はじめまして <br>
徳島のmamohoと申します <br>
よろしくお願いします
</p>
<p>
現在　小学校1年生のお兄ちゃんと <br>
1歳になる娘がいます
</p>

これで　文節ごとにわけることができました

はじめまして
徳島のmamohoと申します
よろしくお願いします

現在　小学校1年生のお兄ちゃんと
1歳になる娘がいます


実際にやってみたい人は
テキストエディターで　自分の自己紹介を作ってみましょう
Windowsの方は　メモ帳　Macの方は　Simpletextを使って
かならず　html形式で保存してください
保存ができたらブラウザで開いて確認してみましょう
保存ファイル名はなんでも結構です
○○○.html　というファイル名にしましょう
<html>
<head>
<title>自己紹介</title>
</head>
<body>
<p>
はじめまして<br>
徳島のmamohoと申します<br>
よろしくお願いします
</p>
<p>
現在　小学校1年生のお兄ちゃんと<br>
1歳になる娘がいます
</p>
</body>
</html>


楽天広場をご利用の方の場合は下記のように書いてください
自動改行を選択している場合は　<br>　も不要です

はじめまして<br>
徳島のmamohoと申します<br>
よろしくお願いします

現在　小学校1年生のお兄ちゃんと<br>
1歳になる娘がいます


© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: