HTMLタグとその属性

HTMLタグと要素

HTMLタグとは、「<」と「>」で囲まれた定型文のことで「開始タグ」や「終了タグ」と言ったものがあります。
要素とは、「開始タグ」から「終了タグ」までの全てを含んだ一連の記述のことで、文字列がどんな意味をもっているかを示すものです。
また、要素には「ブロック要素」「インライン要素」と言ったものがあります。これらは主にサイトデザインに関わってきます。

HTMLタグと要素の例

この例の要素は、文章がタグに囲まれていることから「P要素」と呼び、文章の段落であることを意味しています。

ページTOPへ

属性と属性値

属性は要素に対して付加するもので、その要素に持たせる特性を指定するものです。
それに対して属性値はその属性の値を示すもので、アルファベットであったり数値であったりします。
例えば、前項の例に「align属性」と言うものを付加したとすると次のようになります。

「align」は水平方向の配置を示しており、「center」は左右に同じ幅の余白を持った真ん中に文字列を配置することを示しています。要は、文字を段落の真ん中に表示すると言うことを指定しているのです。

ページTOPへ

HTMLを書く

HTMLの基本構造については「基礎知識①」に記載したとおりですが、下記は実際に使用するHTMLの基本構造の記述例です。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>このページのタイトル</title>
</head>
<body>

表示される文字列
Windowsなら、右クリックメニューの「ソースを表示」からこのページを表示させているHTML文書が見れます。
Macなら、「control」。
</body>
</html>

このように、「<body>」と「</body>」の間に表示したい文字や画像を指定するHTML文書を記述します。
この例の実行結果は次のようになります。

ここをクリックしてください (別ウィンドウで開きます)

ページTOPへ

種類と拡張子

HTMLは文書の種類としては、文字が並べられているだけのいわゆるテキスト文書です。
それを「.htm」または「.html」と言う拡張子で識別することによりHTML文書として機能しています。

ですから、テキストファイルの拡張子を「.htm」または「.html」にしたものがHTMLファイルであると言えます。
逆に、HTML文書が記述されていても拡張子が「.htm」か「.html」でないとHTMLとしては機能しませんので注意が必要です。

お使いのPCがファイルの拡張子を表示していない場合は、拡張子を表示するように設定を変更することを強くお勧めいたします。
(表示設定の変更方法は次項を参照してください。)

また、同じ名前が付いていても拡張子が「.htm」の場合と「.html」場合では別ファイルとして認識されますので、Webサイトを作るときはどちらかに統一したほうが良いと言えます。
個人的には「.html」をおすすめいたします。

ページTOPへ

拡張子の表示方法

Windows XP なら「スタート」→「コントロールパネル」から「フォルダオプション」を、
Windows 2000/ME までなら「スタート」→「設定」から「フォルダオプション」を選び、「表示」タブをクリックします。
そして、「登録されているファイルの拡張子は表示しない」と言う項目をさがしだし、チェックを外します。

これで、めでたく拡張子が表示されるようになるはずです。

ただし、設定ファイル等の拡張子も表示されるので間違えてファイル名を変えてしまわないように注意してください。

ページTOPへ