PR
フェルスゥ
蒼天の魔導書へようこそ
Keyword Search
▼キーワード検索
Calendar
Comments
February 18, 2009
カテゴリ： カテゴリ未分類
第三回私的WEBデザイン講座。
今回は、イースが遠出して食料確保しに行っているので僕(フェルスゥ)が説明します。
今回は、もうタグやら大体分かったと思うので実践向きのHTMLの文法を話したいと思います。
HTMLの基本的な書き方は、
1.文書宣言
2.htmlの開始
3.headの開始
4.HTMLの設定
5.headの終了
7.HTMLの表示データ入力
8.bodyの終了
9.htmlの終了
HTMLはこういう流れ書いていって完成します。
まずは、順番に説明していきます。
1.文書宣言は、前に言った通り
HTML4.01なら
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Transitionalは、文書の判定が甘く多少文が変でも表示されます。
Strictは、文書の判定が厳しくちょっとでも文が変だったら変に表示されます。
初心者は、Transitionalを使った方が無難かと思います。
前に説明していませんでしたが、文書宣言をするのには理由があります。
何語か分からなくて何冊もの辞書を調べて時間がかかるより
何語か分かっていて一冊の辞書を調べたほうが楽ですよね～
まぁ私なりの捉え方なんで実際の意味は違いますけどね(笑)
2.htmlの開始は、そのまんまです。
<html>←これを文書宣言の後に記述します。
htmlがこれから始まるってことです。
3.headの開始は、要はHTMLの設定を決める所が始まるって事です。
<head>←これをHTMLの開始後に記述します。
4.HTMLの設定で、
基本的な設定内容としては、
スタイルをどの言語を基本に記述するかという指定
<meta http-equiv="Content-Style-Type" content="text/css" />
スクリプトをどの言語を基本に記述するかという指定
<meta http-equiv="Content-Script-Type" content="text/javascript" />
文字のコード(日本なら、EUC-JP・Shift_JIS・UTF-8などを指定すると良い)
Shift_JISが無難。何もいじらずこのままで覚えてても問題ない
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS" />
<meta name="description" content="ページ紹介" />
<meta name="keywords" content="キーワード,キーワード," />
<title>タイトル</title>
↓スタイルシートの場所の指定
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
こういう風に書くと良いでしょう。
4.headの終了
</head>←をHTMLの設定記述の終わりに付けます。
5.bodyの開始、ここから表示されるデータの記述に入ります。
<body>←をheadの終了後に記述してください。
今日はここまで、いまからチャットに行ってきます～
今回は、イースが遠出して食料確保しに行っているので僕(フェルスゥ)が説明します。
今回は、もうタグやら大体分かったと思うので実践向きのHTMLの文法を話したいと思います。
HTMLの基本的な書き方は、
1.文書宣言
2.htmlの開始
3.headの開始
4.HTMLの設定
5.headの終了
7.HTMLの表示データ入力
8.bodyの終了
9.htmlの終了
HTMLはこういう流れ書いていって完成します。
まずは、順番に説明していきます。
1.文書宣言は、前に言った通り
HTML4.01なら
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Transitionalは、文書の判定が甘く多少文が変でも表示されます。
Strictは、文書の判定が厳しくちょっとでも文が変だったら変に表示されます。
初心者は、Transitionalを使った方が無難かと思います。
前に説明していませんでしたが、文書宣言をするのには理由があります。
何語か分からなくて何冊もの辞書を調べて時間がかかるより
何語か分かっていて一冊の辞書を調べたほうが楽ですよね～
まぁ私なりの捉え方なんで実際の意味は違いますけどね(笑)
2.htmlの開始は、そのまんまです。
<html>←これを文書宣言の後に記述します。
htmlがこれから始まるってことです。
3.headの開始は、要はHTMLの設定を決める所が始まるって事です。
<head>←これをHTMLの開始後に記述します。
4.HTMLの設定で、
基本的な設定内容としては、
スタイルをどの言語を基本に記述するかという指定
<meta http-equiv="Content-Style-Type" content="text/css" />
スクリプトをどの言語を基本に記述するかという指定
<meta http-equiv="Content-Script-Type" content="text/javascript" />
文字のコード(日本なら、EUC-JP・Shift_JIS・UTF-8などを指定すると良い)
Shift_JISが無難。何もいじらずこのままで覚えてても問題ない
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS" />
<meta name="description" content="ページ紹介" />
<meta name="keywords" content="キーワード,キーワード," />
<title>タイトル</title>
↓スタイルシートの場所の指定
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
こういう風に書くと良いでしょう。
4.headの終了
</head>←をHTMLの設定記述の終わりに付けます。
5.bodyの開始、ここから表示されるデータの記述に入ります。
<body>←をheadの終了後に記述してください。
今日はここまで、いまからチャットに行ってきます～
お気に入りの記事を「いいね！」で応援しよう
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
