▼GHP講座2.2　−　XHTMLタグを覚える

◎ 基本的なホームページを作るために最低限必要な知識(言語)
◎ ホームページを作るために覚えなくてはいけないんです。
◎ 頑張って覚えて下さいね＜他人事＞初めは見ながらでいいですからっ♪
◎ 簡単な英語ができるなら、かなり楽に覚えられますよ。

★タグの種類は主に２つ

　タグには「ブロックレベル要素」「インライン要素」の２種類の要素あります。
　実際のところあまり重要ではありませんが知っておくとトクするかも･･･
.
ブロックレベル要素

　文書を構成する基本要素となるもので、要素の前後では基本的に改行されます。 ブロックレベル要素内には、基本的にブロック要素やインライン要素を含むことができます。 逆にインライン要素内には、ブロックレベル要素を置くことはできません。
.
　【要素例】：見出し要素、段落要素、リスト要素、ブロック引用要素、アドレス要素、hr要素、整形済み要素、テーブル要素、div要素など

インライン要素

　ブロックレベル要素内に使われ、ある文字列に対して他の場所へリンクしたり、強調したりする要素で、ブロックレベル要素と違い改行されません。 インライン要素内には、文字列か他のインライン要素を含むことができますが、ブロックレベル要素を含むことはできません。
.
　【要素例】img要素、br要素、span要素など

　※「ブロックレベル要素は改行される」「インライン要素は改行されない」と覚えよう！
　※実際のところ、理解しなくても自然と使えるようになります。

★タグの要素

　以下は「タグ要素一覧」です、見ても分からないと思いますが･･･
　全部覚えるのは無理なので、幾つか使用頻度の高いものを抜粋し説明していきます。
　使わないタグを覚えたって非効率的ですからね。
　※規格上、非推奨タグに指定されている物は説明から省きます。
.
Structure

body head html title

Text

abbr acronym address blockquote br cite code dfn div em h1 h2 h3 h4 h5 h6 kbd p pre q samp span strong bar

Hypertext

a

List

dl dt dd ol ul li

Object

object param

Presentation

b big hr i small sub sup tt

Edit

del ins

Bidirectional Text

bdo

Forms

buttom fieldset form input label legend select optgroup option textarea

Table

caption col colgroup table tbody td tfoot th thead tr

Image

img

Client-side Image Map

area map

Server-side Image Map

ismap

Intrinsic Events

on*(イベント・ハンドラー属性)

Metainformation

meta

Scriptiong

noscript script

Stylesheet

style(Element)

Style Attribute

style(Attribut)

Link

link

Base

base

Ruby Annotation

ruby rbc trc rb rt rp

★タグを使ってみよう

　では、実際に雛形を使ってタグを打っていきましょう。
　初めのうちは私が指定するように打ってみて下さいね。
　あくまで自分でタグを打てるようになるのが目的ですのでコピペはダメですよん☆
　文章は自分の思うとおり書いてみて下さい。むしろそうして下さい。
　そうすることによって自分で打ってるって感じになれるじゃないですか！？
.
　次のページからタグの練習をします。
　雛形の「しきいの為のコメント：<!-- =============== -->」の間に打ち込んで下さい。
　※打ち込んだ物は消さないで残していって下さい。

★･･･予告･･･

◇◆◇次頁の講座で解説するタグ◇◆◇

br hr h1 h2 h3 h4 h5 h6 p em strong i b blockquote q cite