このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

HTMLを書いてHPを製作しよう! その4

この記事は最終更新日から1年以上が経過しています。

いやぁ。 びっくりしましたね。 どんどん行きましょ。

どんどん書きましょ。 前回言ったように、文字化けしたのは、DOCTYPE宣言がないからです。 DOCTYPE? なんでしょうね?(笑) 「文書型の定義」ってやつですね。

<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>無題ドキュメント</title><br />
</head><br />

こんな感じですね。この記述を先ほど記述したHTMLより上(一番最初)に記述します。

上から説明致しますと、

<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />

「HTML使いますよぉ〜!W3Cに従って書きますよぉ〜」言うてます。

<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />

「こっからHTML書くぞぅ〜」言うてます。

<br />
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />
<title>無題ドキュメント</title><br />
</head><br />

んで、ヘッドタグ言われるところに、いろんな詳細を記述していきます。

<br />
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><br />

ここに書いているのは、先ほどの件の文字コードの設定です。

UTF-8という文字コードを使うぞ!いうとります。

<br />
<title>無題ドキュメント</title><br />
</head><br />

ここはタイトルタグです。その名のとおり、サイトのタイトルになります。

ブラウザの上部に表示されます。

サイトタイトル

んで、ヘッドの終了タグで閉じます。 こんな感じですね。

HTML

ちなみ にちょっとタグが足りないのですが、 次、書いていきます。

再び、ブラウザにドラッグ&ドロップぅ! すると、

ほげほげほげ

続く。

HTMLを書いてHPを製作しよう! その5へ

Related Article

LATEST NEWS

RANKING

ARCHIVE

SPONSOR

現在、掲載募集中です。



Links

現在、掲載募集中です。



About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。