さぁぁぁ!はじめよう!!メモ帳だしたぁぁぁぁ???

今から順番どおりやってみよう!!

順番どおりにやればできるからねっ


よくある質問
Q:真似して書いたのに、そのままの文字(タグ)が出てきてしまう
A:英数字全角ではなくて、半角で書いてね^^

Q:ホームページが出来たけどメモ帳閉じてしまったんですけどどこにありますか??
A:ホームページを開いて、ソースを表示すれば自分で書いたメモ帳が出てきます。

Q:画像を右クリックしても、bmp形式になるまたは、画像が保存できない・ソースの表示が開かない
A:http://www.chi-onpu.com/pc.htm


(お使いのパソコンごと表示されるアイコンは違います。)
「gif」「html」とかついていますか?

パソコン自体拡張子表示にしていますか?
これはホームページを作る際ちぃ助にとっては大事です。

もしもPCを拡張子表示にされていないのでしたら

Yahoo検索で「拡張子を表示する」で探すか
http://www003.upp.so-net.ne.jp/shigeri/technique/technique5.html
か、
http://www.sharp.co.jp/support/mebius/tips/tips-zz01.htm



さぁはじめるだに!


【↓同じことをやってね】 【↓解説】
では、メモ帳に、書いて下さい。

必ず半角の小文字でかいてね。(色は関係ありませぬ・・)

<html>
<head>

</head>

<body>

</body>

</html>

ホームページを作る時は、この記載は必ずしなければ
なりません^^

順番は決まっています!!!
間違えると表示されない場合があります。
<タグ></タグ>→<始まり>と</終わり>
( 「/」をつけることにより、終わりと指定する)

<html>


</html>
ホームページを作りますよーっていう命令だに。
これは、一番上一番下に必ず書きます。

<head>


</head>
ホームページのタイトルとかを入れる命令だに。
head内にいろんなタグを書きます。


<body>


</body>

ここはホームページのデザインをかきますよっていう命令だに。
body内にタグを書きます。body内に書いたものが
ホームページとして表示されます
これは、ホームページを書くための準備なのだっ この解説はとっても重要なので覚えておいてね。

【↓続き2】 【↓解説】

みんなはホームページでなにつくりたい??どきどきっっ

まずは、タイトルだね。タイトルを書こう

字の書き方。一緒に書こう。一緒に書けばわかる!!

追加部分が追加したタグです。
<html>

<head>
<title>お試し作成</title>
</head>

<body>

はじめて挑戦!

</body>

</html>
*お試し作成っていうのは、
ホームページのタイトルです。なんでもいいよ。
では、上で書いた<html>〜<html>にいろいろ入れていきます。


<head>
ここには、タイトル入れる命令を書いただに。
</head>

<body>
ここは、見える部分だから、ホームページに載せる文章を書いただに。
</body>

【ここに出てきたタグ一覧】

<title></title>
タイトルのタグです。
ホームページのタイトルを書きます。
titleの間に、ホームページタイトルを書いてみました。

これを書いたら、とりあえず保存してみようっ( ̄ー ̄)y 

{名前をつけて保存}これを選んで、名前は、index.html にします。

ホームページは一番最初のページは
必ずindex.htmlっていう保存名じゃないとだめなの。

保存したら、そのファイルを見てみてっ、


ほらっもうできてるでしょ。ホームページ(=^^=)/☆

開いたら、ホームページの画面じゃーーーーーーっ

例だよ。あなたの作った物と同じでしょ?(1)
保存名は、メモ帳を保存するとき、「*.txt」って出てくると思うけど
全部消して、「index.html」と書いてね。

↓ここの「お試し作成」ってゆーのを書き換えたい場合は、

<title>お試し作成</title>

ここを好きに書き換えればOKOK
保存したあと、つい、メモ帳閉じてしまったので
メモ帳がぁぁぁ;;きえたーって言う人がたまにいらっしゃいます;;

大丈夫w

←このホームページの画面の上で、右クリック
「ソースの表示」を開けば、あなたが作ったメモ帳が
出てきます^^
できたねー!


【↓続き3】 【↓解説】

でも、最初は文字が一番左に小さく表示されているよね(;_;)

字のHTMLを覚えようっっ

字を大きくする 字をまんなかにする方法

<font size=5>はじめて挑戦!</font>

<center>はじめて挑戦!</center>


字を大きくするのと真中にするをまとめると

<html>
<head>
<title>お試し作成</title>
</head>

<body>

<center><font size="5">はじめて挑戦!</font></center>

</body>

</html>
書いたものと同じ物(2)
何度もちぃ助言うけど、
タグは、見える部分に書かないとダメです
見える部分=<body>から</body>の間

このボディータグの中に入れましょう。

注:半角カナは、文字化けの原因です。
もしカナを書く場合は、全角で書いてね。


【ここに出てきたタグ一覧】

字をおおきくする方法は
<font size="5"></font>
(1〜7までの大きさがある)

字をまんなかにする方法
<center></center>


ひとまずOK


【↓続き4】 【↓解説】

さてと・・色をつけよう

色をつける場合は<font color="色"></font>

なので、BODYタグ内は
<center><font size=5><font color="blue">はじめて挑戦!
</font></font></center>

となるんですが・・・・。

てか・・・・
こんなの長ったらしいから、font どうしならまとめちゃえ!

<html>
<head>
<title>お試し作成</title> 
</head>

<body>
<center><font size="5" color="blue">はじめて挑戦!
</font></center>



</body>

</html>

↓例だおおお。


はじめて挑戦!


 


色の部分はblue(青)にしましたけど
216色の16進文字列を使うとより詳しく色づけできますし推奨します。

blue の場合は #0000ff になるのだ。。
その他の色については
大辞典 さんのサイトが参考になります。


【ここに出てきたタグ一覧】

<font color="blue"></font>文字の色
<font size="5"></font>
文字の大きさ

よく見てみると、一番最初が、
<font となってますよね?
いわゆる、フォントタグです。

同じフォントタグならば、まとめちゃっても構いません。
最後のタグは、</font>と同じですから^^


*今は、分かりやすくblue(青)と書いていますが、
16進文字列(#0000FF)などの数字で書きましょう。

こんばんはとこんばんはを2行にしたい場合は・・・
<br>と打ちます。 


<html>
<head>
<title>お試し作成</title>
</head>

<body>
<center><font size="5" color="blue">はじめて挑戦!
</font></center>
<br>
こんばんは!


</body>

</html>

あなたが作ったものと同じ物(3)

【ここに出てきたタグ一覧】

<br>
改行
いい感じっ


次のページ




この時点で、分からない部分がでてきたら、掲示板にカキコして、ちぃ助にきいてね。