HTMLの呪文（１）

ちょーかんたん、たとえば、こんなページを作りたいとしましょう。
どーしたらいいのか？

●用意するもの
そのへんのテキストエディタ
画像
アップロードする場所
ファイルをアップロードするソフト

るじの場合は、テキストエディタは、Macについてくるテキストエディットです。ウインドウズだとなんだかわかんないけど、ま、そのへんのでだいじょぶなはず。

画像は、gifやpngでもだいじょぶですが、gifは、なくなるかもらしーし、pngは見れないブラウザがあるらしーかもなんで、jpgが無難でございましょう。

アップロードする場所は、こんなページは、http://web.me.com/ruji/site/nazo/ってとこにあります。
アップロードするソフトは、.macなんで、ドラッグするだけでいいんですわ。。。
他のところだと、Fetchを使うのかな。場所によっては、専用のものがあるのかもなんでわかんなかったら調べてください。

●作り方
アップロードするものをつくります。
こんなページは、
oekaki.html
20070606k.jpg
の２つでできてます。jpgは画像なんで、絵です。

テキストエディタで呪文を作ります。
新規ファイルして呪文を書いたら、拡張子をhtmlにして保存します。txtとかなってるとこをhtmlにするです。
oekaki.htmlにしてますが、自分で作るときは、てきとーにすきな名前で。使えるのは、英数字の小文字と記号。

なかみは、こんだけ。

<html>
<head>
<title>きょうのおえかき</title>
</head>
<body>
<p><img src="20070606k.jpg" width="240" height="320" alt="ミハリバン"></p>
<p>ミハリバン</p>
</body>
</html>

ほんとは、もっといろいろあるですが、とりあえず、こんだけ。原始的にはこんだけ。

<title>と</title>でかこってあるところの文が、ページを開いたときのウインドウのタイトルのとこに出ます。書かないでおくと、oekaki.htmlみたいなファイル名が入ります。ブックマークしたときこのタイトルがデフォルトでつくんで、入れておくほーがよし。

<body>と</body>でかこった部分がじっさいにページに表示される部分です。

<img src="20070606k.jpg" width="240" height="320" alt="ミハリバン">
のところが、画像。
src="ファイル名"　画像のなまえ。
width=""　横幅
height=""　縦幅
alt=""　画像を表示しなかったときに出る文字。

<p>と</p>でかこったとこが段落。

書いたままを改行してほしーときは、
<pre>
なんたら
かんたら
</pre>
のよーな書き方で。

くわしく知りたくなったら、ここだーー。
ごく簡単なHTMLの説明

SYNDIさんがやってみて、できたら(2)があるかも。