はたけだまさこです。
ただいまワードプレスでHPを作成中
HTML形式で作っているのですが
コレが難しい(笑)
でも分かってくると面白い
HTMLで最初から書くのは大変なので
私は一度アメブロに記事を書いてから
HTML表示を開いてコピーして
ワードプレスに貼り付けています。
で、困ったことが・・・
行間が広いところと狭いところがある
なんでだ??
あの文字列をじーーーーーっと見てたら
あ!!これか!!
行間の幅の違いは
「改行」と「段落」
簡単に言うと
改行は行間が狭く
段落は広くなります。
普段私はパソコンンを使って
アメブロの通常表示で記事を書いているので
何気なくEnterキーを使って改行していたのですが。
HTML形式になると「段落」になるのです。
この違いわかりますか?
上はSHIFTキー+Enterキー
下はEnterキーのみ
HTMLだと
<br>は改行
<p> </p> は段落
なんですね。
これをワードプレスにコピペして表示すると
編集画面では変わらないのですが・・
プレビューにすると・・
幅が違う!!!
アメブロで通常表示で入力するとき
改行はSHIFTキー+Enterキーで
癖をつけよう・・・
と心に誓った朝でした。
まだ、ホームページ完成までには時間がかかりそうですが
こんな発見を楽しみながら作っていこうと思います。


