はたけだまさこです。

 

ただいまワードプレスでHPを作成中

 

HTML形式で作っているのですが

コレが難しい(笑)

でも分かってくると面白い

 

 

HTMLで最初から書くのは大変なので

私は一度アメブロに記事を書いてから

HTML表示を開いてコピーして

ワードプレスに貼り付けています。

 

で、困ったことが・・・

行間が広いところと狭いところがある

 

なんでだ??

 

あの文字列をじーーーーーっと見てたら

あ!!これか!!

 

行間の幅の違いは

「改行」と「段落」

 

簡単に言うと

改行は行間が狭く

段落は広くなります。

 

普段私はパソコンンを使って

アメブロの通常表示で記事を書いているので

何気なくEnterキーを使って改行していたのですが。

 

HTML形式になると「段落」になるのです。

 

この違いわかりますか?

 

上はSHIFTキー+Enterキー
下はEnterキーのみ

 

HTMLだと

<br>は改行

<p> </p> は段落

なんですね。

 

これをワードプレスにコピペして表示すると

編集画面では変わらないのですが・・

 

 

プレビューにすると・・

幅が違う!!!

 

 

アメブロで通常表示で入力するとき

改行はSHIFTキー+Enterキーで

癖をつけよう・・・

 

と心に誓った朝でした。

 

 

まだ、ホームページ完成までには時間がかかりそうですが

こんな発見を楽しみながら作っていこうと思います。