七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Jun , 2024
May , 2024

Apr , 2024

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Sep 12, 2004

今日はスタイルシートの話を進めようかとも思ったのですが・・・
実は今までHTMLタグについての話を全くしていなことに気づきました(´･ω･`)
これじゃ順番が違いますよね(´･ω･`)
ってことで今日はHTMLタグっていったいなんなのか、ということをお話しましょう(〃⌒▽⌒)

少し復習になりますが、 HPってなんでできてるの？で

「ＨＴＭＬファイルの中身はＨＴＭＬ専用の特別な記述方法で書かれています」

と話をはぐらかせていましたよね。
この「ＨＴＭＬ専用の特別な記述」に使う記号のことを「ＨＴＭＬタグ」と呼びます。

「命令の始まりと終わりを示す記号」ということになっています(〃⌒▽⌒)

不等号でタグ名を囲む（<タグ名>）ことにより命令の始まりを示す記号を記述することができ、
不等号でスラッシュ（/）とタグ名を囲む（</タグ名>）ことにより命令の終わりを示す記号を記述することができます。
そしてこのHTML タグにより、文字の大きさ、色、太字、見出し、画像表示、表、などなど・・・
Ｗｅｂページに必要な命令を出すことができるというわけですね(￣▽￣人)

こんな説明では分かりにくいと思いますので、簡単な例を挙げてみましょう。
すでに復習ですので分かりますよね(〃⌒▽⌒)

HTMLファイルへの記述例）
このように<b>太字</b>を記述できます。

ブラウザへの表示結果）
このように太字

まず、「<b>」を記述することにより「ここから太字ですよ」と>命令を出します。
この命令のことを「開始タグ」と呼んでいます。
また、太字の命令が出された後にくる文字はずっと太字のままになりますので、
どこかで太字の終了を命令してやる必要があります。
それが「</b>」という記述なんですね(〃⌒▽⌒)

この命令は「終了タグ」と呼んでいます。
ただし、HTML タグの中には終了タグをもたないものもありましたよね？
「BR」や「HR」などがそうでしたよね(〃⌒▽⌒)

これで話が終わりではありません。
よい機会ですのでもう少し言葉の意味を覚えておきましょう(￣▽￣人)

font

size="+1"

color="#ff0000"

文字を記入

font

１

２

３

１

まず、「１」～「３」まで、ここで紹介しています全てをひっくるめて「要素」と呼ぶことを覚えて下さい。
開始タグから終了タグまで全てが「要素」と言うわけですね。
「１」はタグ名と先ほど紹介しましたが、正しくは「要素名」と呼ばれています。
どんな命令を出すか、ということを決定するためのものでもあります。
「２」は「属性」と呼ばれているもので、タグに指定することができる追加情報のようなものです。
「３」は「内容」と呼ばれ、見ての通り実際に表示される部分になっています。

　ＨＴＭＬの勉強を進めていく上で、「要素」「要素名」「属性」「内容」といった用語は避けて通れないものでしょう。
しっかりと覚えておいて下さいね。

ではまたあしたー(ﾟ▽^*)ﾉ⌒☆

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Sep 12, 2004 12:06:31 PM
コメント(5) | コメントを書く

■コメント

|￣0￣) ﾎゥ～♪

RainbowAngel さん

私が何に関心してるかって？ｗ
「よくもまぁ～こんなややこしいことを
人にわかりやすく説明できるな～」ということにですｗ

私だと「バーンとかダーなど」の
擬音語（合ってる？）で説明することが多くて
相手は何のこっちゃわからんことが多いのよね(´･ω･`)

さすがは七鍵ちゃん(￣▽￣人)うふ♪
今度逢ったらその脳みそをﾁｭｰﾁｭｰ吸わせて戴こうｗ
って…またこんなﾁｭｰﾁｭｰって言葉しか使えない。。。
少し、左脳を鍛えなきゃかもね(´･ω･`)

(Sep 12, 2004 12:36:00 PM)

返事を書く

Re:タグを覚えよう【第３４回目】　-　タグってなに？(09/12)

な～～るさん

なんか・・そこまで考えてなかったので・・
急に勉強している気分・・。でも、すごいわっ。
なんとなく理解した気分ですもの・・。
やはり基本を抑えなくては・・ねっ（*＾＾*ゞ
(Sep 12, 2004 08:32:25 PM)

返事を書く

Re:|￣0￣) ﾎゥ～♪(09/12)

＃七鍵さん

RainbowAngelさん

やほー(〃⌒▽⌒)

ちゅーちゅーすうのは別のところがええなぁ(￣▽￣人)
なんてお決まりの返事はおいといて・・・

インターネットで擬音語は難しいよね（笑
実際に会話をしてると擬音語＋ジェスチャーで意外と伝わるけど・・・
さすがにチャットやメールでバーンじゃね(´･ω･`)
がんばって一緒に鍛えようね(〃⌒▽⌒)
(Sep 12, 2004 11:26:22 PM)

返事を書く

Re[1]:タグを覚えよう【第３４回目】　-　タグってなに？(09/12)

＃七鍵さん

な～～るさん

いらっしゃーい(〃⌒▽⌒)

知らなけりゃ知らないでなんとかなることばかりでしょ？（笑
偉そうに書いてますが私自身もこんなこと覚えたのはつい最近なんですよ。
まぁ、雑学程度に覚えておいたら、HP作成解説ページなどを読むときに・・・
あれ？ってならずにいいかもしれませんね(￣▽￣人)

(Sep 12, 2004 11:30:58 PM)

返事を書く

Re[2]:タグを覚えよう【第３４回目】　-　タグってなに？(09/12)

な～～るさん

＃七鍵さん
-----
えへっ・・いつもお世話になってっちゃって。(^^;)ゞ
助かりますっ。 (Sep 13, 2004 11:09:35 PM)

返事を書く