会社案内を変更してみよう! その2

2017.10.10

このエントリーをはてなブックマークに追加

皆さん、こんにちは(・ω・)ノ

中村@新人です。

 

前回の「Groopで作ってみよう」で変更した会社案内!

 

 

予告していたとおり、今回は空いてしまっている隙間のつめ方を紹介します。

 

 

***  タグ編集で段落から改行へ  ***

 

この隙間…原因は見たまま編集をした時に自動的に入る<p></p>タグなのです。

 

と、いうことで今回は「フルエディタ編集」でタグを編集していきます! 

 

まず最初はいつも通り右クリックをして、「フリーページ」から「フルエディタ編集」を選択します。

 

 

編集画面の左下にある「ソース」をクリックして、タグの編集画面にします。

 

 

 

出てきたタグ編集画面でちょこっとタグを書き換えます。 

 

 

赤い枠で囲っている部分を変更していきます。

全部の行が<p></p>を使った段落になってしまっているため、あの隙間ができてしまっているのですね。

この<p></p>段落タグを<br>改行タグへ変更します。

 

 

全部変更したら「保存する」を選択して反映させます。

 

 

 

隙間がなくなってスッキリしました(*´ω`*)

 

 

ちなみに<p></p>タグをはずすだけだとこんな表示になります。 

 

 

 

何もいれていないので改行も段落もなく、ちょっと読みづらい形に……

書きたい内容や見せたい形によって「<p></p>段落タグ」、「<br>改行タグ」を使い分けていきましょう♪

 

 

 

 

そして、今回編集をしていて中村@新人を困らせたものが一つ(>ω<;)

 

 

 

保存をしてからもう一度開くと<br>がなぜか<br /> になってました。

先輩方に聞いたところ、HTMLにも「HTML」、「XHTML」、「HTML5」といくつか種類があって、この表記は「XHTML」に対応している書き方だそうです。

書いた内容と違う内容になっていてびっくりしますが、最新以外にも対応するための仕様なので安心してください♪

 

 

 ↓↓↓ Groopを試してみたくなった方はこちらからどうぞ ↓↓↓ 

 

 

コメント

コメントフォーム

無料で今すぐ作ってみる

ブログ内検索

フィード

分からないこと、聞きたいことご相談頂ければわかりやすく・丁寧にお答えいたします。

PAGE TOP