にほんブログ村
超初心者がプログラミング学習を始めて、どこまで行けるかのブログです
HＴML学習中
・子育て中の主婦です
・子育てをしながらスキマ時間でどこまでプログラミング学習をできるか
・超初心者が学んだことと、日々の学習の結果をお見せします
＜ｐ＞タグ＜ｂｒ＞タグって何？
いよいよコードを書き始めました
独学でスタートしていますが、様々な意見を拝借すると、本を読んで学ぶのではなく、とにかくコードを打てと言われています
という事でvisualstudiocodeで打ち始めました
とにかく打ち込むというところですが、
何せ超初心者なので、一つ一つのタグの意味が分かりません
それでまず気になったのがWebページのコードを見るとやたら＜P＞というコードが見られます
それに＜ｂｒ＞タグもあります
どういう仕事をしているのでしょう
＜ｐ＞？＜ｂｒ＞？
わかりません
そこで使い方から学びました
＜ｐ＞タグとは
段落指定のタグという事です
「paragraph」＝段落でその略が＜P＞です
＜ｂｒ＞タグ
改行を行うタグです
「Ｂｒｅａｋ」＝改行で＜ｂｒ＞です
Visual Studio Codeで作ってみます
これがつたない私が作ったコードです
勘弁してください
この＜P＞タグのない状態だとこうなります
こういう文章になります
読みづらいですよ
＜ｐ＞タグを入れてみる
そこで＜P＞タグ入れます
するとこうなりました
少し良くなりますね
段落ができましたね
圧倒的に見やすくなりますね
＜ｂｒ＞タグを入れてみる
さらに＜ｂｒ＞タグを入れます
こうなります
改行ができました
だいぶ見やすくなります
まとめ
＜ｐ＞タグ＜ｂｒ＞タグともに、やたらと出てくるタグなので気になり調べました
役割を調べたら、そりゃあたくさん出てくる理由もわかるわけです
＜ｐ＞タグは段落
＜ｂｒ＞タグは改行です
一つの文章を作るときに、たくさんの段落や改行が行われます
当然、たくさん使われますよね
実感として、私がパソコンに文章を書き込むときはWordを使っていました
エンターキーやスペースを押せば、改行や段落が作れます
これをWebページ上で表現しようとすると、＜ｐ＞や＜ｂｒ＞などのタグを使い表現していきます
素人としては、こういった発見がすごく新鮮です
新鮮なだけではなく、仕組みを理解していくうえで基本の部分を知れるのは楽しいです
全くの素人が知らないことを知り、コードを打っていく作業はすごく楽しいものですね
この記事で誤っている内容がありましたらご指摘ください
メッセージでご指導していただければありがたいです
コメント