HTML講座

【15分間講座】第1回 タグってなんだ?

さぁ~始まりました「15分間だけHTMLをちょっとやろう講座」の第1回目です。なんせ5分しかないんで、何を話そうかなぁ~なんて悠長に考えている暇はありません!! ということで、たぶん皆さんも一度は聞いたことがあると思いますが、「タグ」について説明します!

いきなりですが、ここで「HTMLのルールその1」です。

HTMLのルールその1

HTMLはタグの組み合わせで書く。

です。

「は?だからタグって何?組み合わせってどういうこと?」

はいはい、そうなりますよね。ということで実際のHTMLのタグの書き方を紹介します。

いっちば~んシンプルなHTMLのサンプルです。
HTMLの取得の第一歩は

「実際にブラウザに表示させたい内容」

「実際にブラウザに表示させたい内容にどのような意味を持たせるのかという命令」

の違いを理解することなんです。

これがわからないといつまでたっても上達しません!
上の例では

「ここに文章」
という部分は「実際にブラウザに表示させたい内容」で、


<p></p>

の部分は「実際にブラウザに表示させたい内容にどのような意味を持たせるのかという命令」
にあたる部分なんです。よく言われる「タグ」というのは、ここでいう命令のことなんですね~。
今回は「pタグ」というタグをサンプルで使いました。これは「段落」という意味を持つのですが、詳しくは今後の講座で説明します。
ちなみに「ピータグ」なんていいますね(ソノママ

「タグって他にもめっちゃいろいろな種類のあるやつだよね」

なんて、ちょっと知ってる人もいるかもしれませんね。
そうなんです。タグって結構いっぱいあります。

だから、

ホームページを作りたい

HTMLタグを知る

タグの種類が多すぎる!

挫折・・・

なんてパターンで諦めちゃう人って本当に多いんです!
でもこの講座を見てる人は心配ありません。たくさんあるように思えるタグも、割とシンプルなルールで分類することですっきり理解できちゃいます!!(このルールについては15分間講座以降の講座で説明するよ!) だから心配にならないでくださいね!

さて、ここで「実際にブラウザ~」という言い方をしていますが、なんでこういう言い方をするのかというと、HTMLを書くソフトと、HTMLで書かれたホームページを見るソフト(ブラウザ)は基本的には別だからです。

皆さんWordで文章を書いたことはあると思います。Wordって文章を書くときも見るときも「Word」っていう同じソフトを操作しますよね? でもホームページの場合はちょっと違うんです。いつもヤフーやグーグルを見てるInternet ExplorerやFirefoxっていうのは、ホームページを見るためのソフト(ブラウザ)です。それじゃHTMLを書くためのソフトって何?ってなると思うだけど、まぁ当面はWindowsに付属してる「メモ帳」でいいと思います。普段から使い込んでるエディタソフトがある人はそれでもいいです。普通の「テキストファイル」という物が作れるソフトならなんでもOKですよ。

そういうわけで、HTML書いたソフトでそのまま見るわけではなく、ブラウザと呼ばれる別のソフトを使うという理由で「実際にブラウザ~」という言い方をしました。

ということで第1回はここまでにします!

第2回は
「なにはともかく作ってみよう」
です。実際にパソコンを操作してホームページを作ってみるよ!
お楽しみに!

===

Twitterアカウント:@corekaraweb
⇒管理人・村上英輝が発信するフリーランスの日常を発信しています。WebライターやSEOライターのお役立ち情報もたまにあるかも! フリーランスの方やライターの方はフォローバックしておりますので、お気軽にフォローしてください!

facebookページ:コレカラウェブ
⇒「コレカラブログ」を含めたコレカラウェブのブログ運営の裏側を公開しています。ブログに公開する前の先行情報や運営方針などを記録しています。PVや収益に関する生々しい話も!よろしければ「いいね!」お願いいたします。

「いいね!」と思ったら、クリックお願いいたします<m(__)m>
にほんブログ村 小遣いブログ Webライター・ブログライターへ にほんブログ村 IT技術ブログ SEO・SEMへ にほんブログ村 小遣いブログ ブログアフィリエイトへ
ABOUT ME
村上英輝
コレカラウェブ代表の村上英輝です。2018年4月開業。フリーランスとして、Webライティング・メディア運営・SEO対策・障害者支援の事業を行っております。このブログではフリーランスとして活動して得たノウハウやテクニックを紹介しています。所有資格:Webライティング実務士・情報セキュリティスペシャリスト・FP2級・AFP・SEO検定1級など。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です