15分間講座

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

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

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

HTMLのルールその1

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

です。

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

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

15min_no01_0001

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

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

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

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

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

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


<p></p>

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

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

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

だから、

ホームページを作りたい

HTMLタグを知る

タグの種類が多すぎる!

挫折・・・

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

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

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

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

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

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

【15分間講座】第2回 なにはともかく作ってみよう!どどーん。15分間だけシリーズの第2回目の始まりです! 今回は第1回でちらっとお見せした「pタグ」を使ったホームページをちゃちゃっと作...

===

よろしければ、ポチっとお願いしますm(__)m
にほんブログ村 IT技術ブログ HTML5/CSS3へ 
にほんブログ村 IT技術ブログ Webサイト構築へ 
にほんブログ村 IT技術ブログ WordPressへ 

このブログの更新情報をTwitterで配信しています。よろしければフォローお願いします!
@jugedred

facebookページも運営中です。
よろしければこちらもフォローお願いします!
Jugedred Project

ABOUT ME
ドレッド
フリーライター&Webクリエイター。1999年から趣味のホームページ制作を開始。Movable TypeやWordPressのカスタマイズでWeb制作を覚えました。地元の制作会社で5年間勤務して独立。現在は個人事業主としてWeb制作に関することを何でもやってます。
お仕事のご依頼お待ちしております。

このブログの運営者にお仕事を依頼しませんか?

コレカラウェブ

現在はフリーランスのクリエイターとして、ウェブメディアのライティングやホームページ制作、コンサルティングをしています。まずは事業用サイト「コレカラウェブ」にアクセスしていただき、お気軽にお問い合わせください。メールでのご相談は無料です。皆様からのご連絡お待ちしております。

コレカラウェブ公式サイトへ

COMMENT

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