ホームページ作成ビギナーズガイド

ホームページ作成によく使うHTMLタグの解説。論理的・構造的な意味や注意点など。
マークアップはこれらだけでほとんど足りると思います。

• hタグ(見出し)
• pタグ(段落)
• ulタグ(順序のないリスト)
• olタグ(順序のあるリスト)
• dl、dt、ddタグ(定義リスト)
• imgタグ(画像)
• divタグ
• spanタグ
• tableタグ(表)
• emタグ(強調)
• strongタグ(より強い強調)
• blockquoteタグ(引用)
• qタグ(引用)
• aタグ(リンク)
• brタグ(改行)

軽視されがちですが、HTMLでもCSSでも重要なこと。

• ブロック要素とインライン要素

• HTMLタグ
• ｜Trackback()
• ｜Comment(0)

ブロック要素(Block-level element)・インライン要素(Inline element)の区別はHTML・CSS両方で重要です。

ブロック要素(Block-level element)の特徴

• body要素内に書くことができる、つまりbody要素の子要素にすることができる。
• 一般に、インライン要素や他のブロック要素を内容にすることができる。
• 視覚系ブラウザでは一般に、前後に改行が入る。

インライン要素(Inline element)の特徴

• body要素内に直接書いてはいけない。
• テキストや他のインライン要素を内容にすることができる。
• ブロック要素を内容にすることはできない。
• 視覚系ブラウザでは一般に、前後に改行が入らない。

上記の特徴はHTML4.01仕様書の7.5.3 Block-level and inline elementsに書いてあることのまとめです。

しかしこれだけだとホームページ作成初心者は意味がわからないと思いますので、よくある間違いの例で説明したいと思います。

[ブロック要素とインライン要素]の続きを読む

• HTMLタグ
• ｜Trackback()
• ｜Comment(0)

brタグは記述された位置で強制的に改行します(Forcing a line break)。 開始タグのみで終了タグはありません。

brタグの使用例

brタグの注意点

段落はpタグで

brタグの連続で1行空けて、見た目は段落のように見えても、マークアップとしては段落という文書構造を示しません。 段落を意味するのはpタグです。

[brタグ(改行)]の続きを読む

• HTMLタグ
• ｜Trackback()
• ｜Comment(0)