初めてのHTML　-まずはコピペ- ＠TWクラブ【BloodyRosary】製作

「私もサイトを作りたい！」

という貴方に捧げる、てきとーなHTMLの説明＞ｗ＜ｂ




最近ではHTML（サイトを作るための言語）を直打ちするなんて古い、

『ツールを使えばいいじゃない！』

な～んて言ってる人もいるが、

いいや、

私は直打ちじゃ！

なんていう人用の記事。





とりあえず、HTMLを作るのに必要なもの…。

・メモ帳（.txtファイル）
・オプションで拡張子（.txtってやつ）を表示していること
・Internet Explorer（ネット見るやつ）がある

……以上ｗ




まずはサンプルを置くので、メモ帳を開いてこいつらを
コピペして保存してみよう。


ファイル名は　「test.txt」　とする。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja-JP">
<head>

<link rel="stylesheet" href="default.css" type="text/css">
<link rel="prev" href="index.html">
<link rev="made" href="mailto:mai_tukamoto@infoseek.jp">

<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<title>タイトルバーに表示されるタイトル</title>
</head>
<body>

<h1>でっかいタイトル</h1><br>

</body>
</html>


さて、こんなのできたかい？


できたらこのファイルの拡張子を「.html」にしてみよう。
なに？ファイルに拡張子がない？
拡張子を表示する設定は個人で調べてｗ


↑変えたらこんなの出ると思うけど、OKボタンを押す。


こんなのができたと思われる。

さぁ、ダブルクリックだ！！！


こんな画面が出たかな？
出ない場合は………何が原因だろうか。

１．拡張子が「.html」になっていない。
２．html形式のファイルがInternet Explorerで開くようになっていない。
３．コピペが変。
４．<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">が邪魔


そんぐらいか？後はわかりませんｗ
２については、作ったtest.htmlを右クリックして、プロパティを見てくれぃ。
「プログラム：」　　ってところがInternet Explorerになっていなかったら、
変更ボタンを押して選んでね。

４は文字化けしてた場合の対処。Shift_JISのところをEUC-JPにする手もある。





実はこのHTML文、そんじょそこらにある『HTML入門』とかでは
書いていない。
大体の説明サイトでは…。

<html>

 <head>
  <title>タイトルバーに表示されるタイトル</title>
 </head>

 <body>
  <h1>でっかいタイトル</h1>
 </body>

</html>

こんな感じに書いてあるかもしれない。

『おいおい、一番上に書いたやつより簡単じゃないか！』

そんな、感想を持つかもしれない。





ふふ、ふふふふふっふふふふふｈｈｈｈｈｈｈ
甘い、甘いぞ！



ではこの簡単で見やすいやつをコピーして、以下のサイトに行くがいい。



HTMLチェック




できたら、下の図のような感じにする。

↓


どうよ。

簡単なのに５個もエラーでてんよ！！！


では今度は、筆者が書いたやつを同じくコピーしてチェックしてみてYO。

↓


＼(^o^)／

こんなに複雑なのに、

１００点です。


実際５個もエラーは出てはいるが、コピーしてhtmlにして見れば、
筆者の書いたHTMLとまったく同じ表示がされる。
今回のエラーはそのどれもが、「あったほうがいいかな」的なものばかり。

でも、

エラーがあるままというのはどうにも気持ちが悪い！

これが筆者の一番言いたいことでもある。



んでは、次のページで各HTML文章を読み解いていくことにする。
嫌だー＞＜　とか言ってる君！そんなんじゃサイトを作れないぞっ！！


次へ(HTML文の説明)

目次へ



別館TOPに戻る

ブログに戻る

初めてのHTML -まずはコピペ- ＠TWクラブ【BloodyRosary】製作

初めてのHTML　-まずはコピペ- ＠TWクラブ【BloodyRosary】製作