[PR]テレビ番組表
今夜の番組チェック

Web制作

基本講座

タグ辞典
HTML


記述例:<HTML>〜</HTML>
ドキュメントがHTMLで書かれていることを宣言します。

[属性]

-
 
(サンプル)
<HTML>
<HEAD>
</HEAD>
<BODY>
ようこそホームページへ
</BODY>
</HTML>
HEAD


記述例:<HEAD>〜</HEAD>
ドキュメントのタイトルや特徴、キーワードなどの情報を記述する部分です。主にブラウザで表示しない部分を記述します。

[属性]
-

 
(サンプル)
<HTML>
<HEAD>
<TITLE>ホームページ</TITLE>
</HEAD>
<BODY>
ようこそホームページへ
</BODY>
</HTML>
BODY


記述例:<BODY>〜</BODY>
ブラウザで実際に表示するドキュメント部分です。

[属性]

background="URL "
背景全体にイメージを敷き詰めます。URLには絶対パス、または相対パスで指定します。
bgcolor="
color "
背景全体の色を指定します。
値はRGB値(#RRGGBB)または色名で指定します。
text="
color "
文書全体の文字の色を指定します。
値はRGB値(#RRGGBB)または色名で指定します。
link="
color "
リンク部分の色を指定します。
値はRGB値(#RRGGBB)または色名で指定します。
alink="
color "
リンク部分が選択されたときの色を指定します。
値はRGB値(#RRGGBB)または色名で指定します。
vlink="
color "
すでに訪問済みのリンク部分の色を指定します。
値はRGB値(#RRGGBB)または色名で指定します。

(サンプル)
<HTML>
<HEAD>
<TITLE>ホームページ</TITLE>
</HEAD>
<BODY background="back.jpg" text="#006600"
link="#00c0FF" alink="8000FF" vlink="#8000c0">

ようこそホームページへ
</BODY>
</HTML>
TITLE


記述例:<TITLE>〜</TITLE>
ドキュメントのタイトルを指定します。ブラウザのタイトルバーにそのタイトルが表示されます。

[属性]

-
 
(サンプル)
<HTML>
<HEAD>
<TITLE>ホームページ</TITLE>
</HEAD>
<BODY>
ようこそホームページへ
</BODY>
</HTML>
BASE


記述例:<BASE href="URL ">
ドキュメントのURLを絶対パスで記述します。相対パスで書かれたほかのドキュメントのURLは、BASEタグで指定されたURLを基準にリンクされます。

[属性]

href="URL "
基準となるURLを絶対パスで指定します。
target="
*** "
***には文書中に含まれるリンク先を開くフレームを指定します。
その他下記の値を指定することも可能です。
  _blank:新規ウインドウに開く
  _self:現在のフレームに開く
  _parent:現在のフレームの親フレーム
  _top:フレーム枠を全て消して再描画
(サンプル)
<BASE herf="http://www.test.com/" target="frame1">
ADDRESS


記述例:<ADDRESS>〜</ADDRESS>
作成日や更新日、クレジットなどの文責をあらわす場合に使用します。一般的なブラウザではボールドイタリックで表示されます。

[属性]


 
(サンプル)
<ADDRESS>
公開日 2000年6月1日</ADDRESS>
META



記述例:<META http-equiv="*** " content="*** ">
ドキュメントに対する付加情報を記述するときに使用します。

[属性]

http-equiv
name属性の替わりに使用し、HTTPサーバによってこの属性が使われます。 文書のHTTPヘッダ部の情報に流用されます。
 Content-Type : MIMEタイプ、文字コードセット
 Refresh : リロードするリソース、時間
 Content-Script-Type : スクリプトタイプ(MIMEタイプ)
 Content-Style-Type : スタイルタイプ(MIMEタイプ)
 Expires : 有効期限
 Pragma : キャッシュ情報(no-cache)

name
情報の型を指定します。
 Author : 著者
  Publisher : 著者出版社
  Description : 説明文
  Keywords : 半角カンマで区切りキーワード
  Generator : HTMLを生成したアプリケーション情報
  Robots : 検索ロボットに対する情報
          (index,noindex,follow,nofollow)

content
情報の値を指定します。
(サンプル)
<HEAD>
<META Http-Equiv="Content-Type"
Content="text/html; charset=Shift_JIS">

</HEAD>

ISINDEX


記述例:<ISINDEX prompt="*** ">
1行のテキストを入力できるボックスが表示されます。

[属性]

prompt="*** "
表示させたいテキストを記述します。
(サンプル)
<HTML>
<ISINDEX prompt="キーワード">
</HTML>
LINK


記述例:<LINK rel="*** " href="*** ">
ドキュメント間の関係、ドキュメントの作者を表記します。

[属性]

rel="*** "
ドキュメントと他のドキュメントの関係を示します。
rev="
*** "
relで定義したものとは逆の関係を示します。
href="
URL "
他のドキュメントのURLを指定します。
type="
*** "
リンク先リソースのMIMEタイプを指定します。
(サンプル)
<!--外部ファイルとしてスタイルシートを読み込みます-->
<link type="text/css" rel="stylesheet" href="test.css">

[MIMEタイプ]
text/plain

 プレーン(ノーマル)テキスト形式
text/html
 HTML(Hyper Text Markup Language)形式
text/css
 カスケードスタイルシート(CSS)形式
text/xml
 XML(eXtensible Markup Language)形式
text/javascript
 JavaScript形式
text/vbscript
 VBScript形式
image/png
 PNGイメージ形式
image/gif
 GIFイメージ形式
video/mpeg
 MPEG動画形式
!DOCTYPE


記述例:<!DOCTYPE>
使用しているHTMLのバージョンなどを明記します。

[属性]

(サンプル)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

Web制作会社リスト

有限会社グローバルライフ スタジオクレッシェンド 有限会社メディアバーン
合資会社ウェブバナナユナイト 有限会社アールプランニング 有限会社アンリアルカンパニー
会社シンプルライフ 合資会社 オズアットワーク Pastel Web Design
dot img design office ブレークスルー WEB-SEED
有限会社 ネットサークル 池田屋

リンク掲載は無料です。

メールでご連絡下さい。