蒼天の魔導書 ~The Heavens Necronomicon~

蒼天の魔導書 ~The Heavens Necronomicon~

PR

×

Profile

フェルスゥ

フェルスゥ

Keyword Search

▼キーワード検索

Calendar

Favorite Blog

   16gの命 通りすがりの者EXさん
HAL~刹那~さん
ナナイロのヒカリ 八木沢冬馬さん
坂の上のレモン しんくぅ湊さん
でっていうのなく頃… Dakさん

Comments

Vortis@ Re:フリーでいこう(02/21) こんにちは。Steinway B Perfect Piano 2.…
pre@ Re:フリーでいこう(02/21) では私もTHFont/THDrum ver.2の方をお願い…
riniwori@ Re:フリーでいこう(02/21) 遅ればせながら・・・ 無理かとは思います…
名無し@ Re:フリーでいこう(02/21) THFontください祭りでワロタ
marimo@ Re:フリーでいこう(02/21) THFont/THDrum ver.2を下さい harukinngu_…
February 18, 2009
XML
カテゴリ: カテゴリ未分類
第三回私的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の終了後に記述してください。



今日はここまで、いまからチャットに行ってきます~





お気に入りの記事を「いいね!」で応援しよう

Last updated  February 18, 2009 08:15:39 PM
コメントを書く


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: