Editor映像編集WordPressブログ運営お問い合わせコンピュータやタブレット端末の便利な使い方やこれは知らなかったといったことを紹介します。edition」が発売された直後です。職場の公式サイトの中のある数ページを担当することになりました。当時はホームページ(webサイト)というものの仕組みすらわからなかったので、上司に話して「ホームページビルダー」を購入し、勉強したり、実際に作ったりしたものです。「ホームページビルダー5」ぐらいだったと思います。それが僕のWEBサイト作成のスタートでした。僕は中学時代からコンピュータの仕事に付きたいと思っていたので、その第一歩を踏み出したと言えます。ここから修行の道は続くのですが...さて、前置きが長くなりましたが、当時のホームページビルダーで作ると、改行が全て<br>で表示されていました。ビルダーがそうだから、いいだろうと思い、連続で<br>を続けていたりしたものです。途中から<br>ではなく<p>というのが正しいのだということを知ります。当時色々なサイトを調べてみたのですが、<br>と<p>を理解することができないので、結局表示させるのに<br>を多用していましたね。2005年ぐらいから無料でブログを作ったりするブームがやってきます。その時にやっと<br>と<p>の違いについて理解することができるようになりました。ホームページ作成ソフトを多用しなくなった時に、こういうことは理解できるようです。今回は長年かけてやっと理解した<br>と<p>の違いについてご紹介します。スポンサーリンク<p>と<br>の違い。間違い例と正解[基礎編]上のようなテキストを入力したい場合、<br>と<p>を理解していない時は以下のようにHTMLを入力していました。何も書かず文章をスタートし、改行が来たら<br>。次の一行空欄にも<br>を入れていました。HTMLを見ると結果的に<br>を2つ並べた形になります。2行空欄があれば、さらにもう一つ<br>を追加していたことになります。これだとHTMLを見ると<br>だらけになってしまいますね。それでも<p>との違いを理解できていない当時は結構多用していました。HTMLの使い方(基礎)、正解<p>と<br>の違いを理解すると、上のサンプル文章は以下のように書くことが出来ます。<p>を最初と最後の段落で挟みます。最後には終了タグの</p>を使い閉じタグとします。<p>を使った後には、一行空欄が出来るので、先ほどのように空欄に<br>を入れる必要がありません。空欄の高さはスタイルシート(CSS)で調節する形となります。これだとよく見る例なんですよね。当時僕もこれを見かけました。他の使い方ではよくわからない。応用がきかなかったので、理解に苦しんだ経験があります。上のような文章を書きたいときに、よくわからなくなり、応用が利かなくなりました。結局この文章になるとよくわからなくなり、また以前と同じ<br>を多用せざるを得なかったのです。この応用文の例から<br>と<p>出来るようになりました。上のようにただ改行だけで1行開かない場合と、段落が変わって一行開く場合の例を組み合わせることで<br>と<p>を理解できるようになりました。一行空欄が開くまでを一つの「段落」と考え、それを挟むように<p>と</p>とするその文章の中で下に一行空欄を必要としない場合は「改行」と考え、<br>とする以上の2つのこと、段落と改行を理解するだけで、<p>と<br>の違いがわかるようになりました。<p>から</p>の中には、複数の<br>改行が入る仕組みになっています。まとめHTMLタグの<br>と<p>の違いについて、基礎と応用からご紹介しました。応用を見るとわかるようになっています。2005年当時、何を見て違いを理解したのかについては記憶にありませんが、やはり自分でHTMLタグを入力するようになり、スタイルシートを理解し始めた時期だったからかもしれません。1998年に初めてホームページを始めた時とは違い、少しずつではありますがレベルが上がってきていたのかもしれませんね。僕と同様に<br>と<p>について、よくわからないという方には少しは参考になるかと思い書いてみました。【関連】蛍光ペン風にテキスト上をマーカーするCSSを設定してみた【関連】[WordPress]テキストリンクの色を変更→クリックされやすくなるらしい【関連】[WordPress]functions.phpの編集時に、サイト画面を真っ白にしてしまった場合の直し方IT便利帳のSNSをフォローするTwitterをフォローするFacebookをフォローするTwitterSharePocketHatenaLINEコピーする-WordPress-HTML・CSSauthor関連記事WordPress[WordPress]functions.phpの編集時に、サイト画面を真っ白にしてしまった場合の直し方WordPressでfunctions.phpを編集時に、画面を真っ白にしたことはありますか?僕は初期に何度もあります。あの時は血の気が引くほどショックですよね。AdsenseやAmazonアソシエイトを入れる方法ブログ内に以下のAmazonアソシエイトを貼り付けようとしたら、下側が表示されないということがありました。...WordPressWordPressサイトをSSL化(http→https)する方法まとめここ2~3年ほど脳裏から離れなかったサイトの常時SSL化(http→https)をやっとすることができました。これまで行動に移せなかったのかというと、検索順位が下がるという話を聞いていたからです。...WordPressWordPressのカテゴリーを一括変換する方法と注意点(具体例付き)先日、WordPressの既存のカテゴリーをサブカテゴリーに下げて、新しい親カテゴリー内にそれらをまとめて入れる作業をしました。サイトを作ったのでたくさんの人に読んでもらいたい」という思いはあると思います。旅行観光サイトなどは、そのまま英語や中国語、韓国語などに翻訳出来たら一気にアクセスが増えますよね。touch・iPad・タブレット等の便利な使い方を更新しています。■HOMEPAGEへコンピュータやタブレット端末の便利な使い方やこれは知らなかったといったことを紹介します。