手書きで作る文章だけのホームページ手書きで文章を書き、ワープロソフトを使ったときのように文字の大きさを変えたり、色を変えたりします。そのための用意しておくもの、簡単なパソコンの設定確認、具体的な作業の説明です。ここを読むだけで文章だけのページなら、手書きのHTMLでほとんど作れるようになります。text」を用意します。windowsまたはmacに最初からついている標準ソフトです。windowsパソコンなら最初からついています。Sleipnir等といったものもありますが新規にダウンロードする必要があります。ダウンロードして使っているなら、これらでも全く問題ありません。文章を書き、その文章がホームページでどう表示されるか確認する文章を書く前の準備パソコンの設定を一箇所だけ確認します。「拡張子」というものが付きます。パソコンの設定によってはこの拡張子が表示されないようになっています。戻る文章を書くここで覚えることはひとつだけです。文章の最初に半角で<HTML>と書き、最後にこれも半角で</HTML>と付け加えることです。これだけで終わりです。表示することができます。文の終わりは読みやすいように改行しています。<HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。</HTML>これでこの文章はHTMLの文章だと宣言したことになります。この<HTML>、</HTML>のようなものをタグと呼び、必ず半角で記入します。前後一対のブロックからできており、後のタグは前のタグに/(スラッシュ)を追加しただけです。この一対のタグで囲まれた部分に、タグが持っている効果が発揮されます。これで終わりなのですが、皆さんはノートパッドに書いた文章しか目にしていません。表示されるかを確認してみます。そのためには一旦この文章を保存し、IEで開くという作業を行います。表示状態を表しています。上に戻る書いた文章を保存するここでも覚えておくのもひとつだけです。ファイルの名前の最後に「.htm」を付けるということです。作っておき、そこに「book.htm」という名前をつけて保存します。最初に拡張子を表示するように設定変更したのは、この「.htm」を表示させるためです。パソコン任せにすると「.txt」をつけたりしますのでチェックが必要です。保存のしかた上に戻る保存した文章をIEで開く保存ができたら、これをIEで開いてみます。Homepage」の中の、今作った「book.htm」をダブルクリックすれば、IEが起動し「book.htm」が表示されます。下のように、Notepadでは入れたはずの改行がなくなってしまい、一続きの文章になっています。タグもなくなってしまっていますが、これが正しい状態です。<HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。</HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。上に戻るここで覚えておくこととりあえず文章を書き、それをIEで開くことができました。ここ迄で覚えておくことは三つだけです。エム)を付けること、この三つです。<HTML>の書き方はあまりうるさくありません。文字は大文字でも小文字でも、大小混じっていてもかまいません。記入箇所も先頭と最後であればどこに書いてもかまいません。自分が後で見直しやすいように書いておけばいいのです。問題のない書き方の例こんな書き方でもいい<Html>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。</Html>こんなんでもいい<html>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。</HTML>ただひとつやってはいけないのはタグ自身の英単語を途中で改行することです。これはだめ<Html>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。先ほどの文章で、改行がなくなってしまいましたので、改行させるようにします。改行を意味するタグは<BR>です。<BR>と書いた場所で改行されますから、Notepad上で自分が改行した場所に、<BR>を置いておけばいいのです。先ほどタグは前後一対と書いたのですが、早速例外が出てしまいました。この<BR>はひとつだけで使います例題を修正します。<HTML>週間ファミコン通信90年2月2日号です。<BR>ドラクエ4の特集が載っています。<BR>汚れ、破れ、書き込み等なく非常にきれいです。</HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。今度は改行された狙い通りの表示になっています。改行の指示を2回すると1行空けることができます。<HTML>週間ファミコン通信90年2月2日号です。<BR><BR>ドラクエ4の特集が載っています。<BR>汚れ、破れ、書き込み等なく非常にきれいです。</HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。<HTML>週間ファミコン通信90年2月2日号です。<P>ドラクエ4の特集が載っています。<BR>汚れ、破れ、書き込み等なく非常にきれいです。</HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。いろんな手法を使います。同じことをやってみます。文字を太字にする文字を太くする効果を出すタグは<B>〜</B>です。太字にしたい部分をこのタグではさんでやります。例文の「週間ファミコン通信90年2月2日号」の部分を太字にします。<HTML><B>週間ファミコン通信90年2月2日号</B>です。<BR>ドラクエ4の特集が載っています。<BR>汚れ、破れ、書き込み等なく非常にきれいです。</HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。これをbook3.htmとして保存し、ダブルクリックで開くと、上のように太字になっています。color="色の名前">〜</FONT>です。color="色の名前">と</FONT>ではさみます。「FONT」と「color」の間には半角のスペースを入れます。基本的に単語と単語の間は半角スペースが入ります。間違って二つ三つと入れてしまっても問題ありませんが、入ってないとタグとして働きませんので忘れないように注意してください。「ドラクエ4」の部分を赤くします。各種記号、キーボードの位置<HTML><B>週間ファミコン通信90年2月2日号</B>です。color="red">ドラクエ4</FONT>の特集が載っています。<BR>汚れ、破れ、書き込み等なく非常にきれいです。</HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。これをbook4.htmとして保存し、ダブルクリックで開くと「ドラクエ4」の部分が赤くなっているはずです。青くしたいときはredの代わりにblue、緑ならgreenに変えるだけです。size="数字">〜</FONT>です。size="数字">と</FONT>ではさみます。「FONT」と「size」の間には先ほどと同様に半角のスペースを入れます。「非常にきれい」の部分を大きくします。<HTML><B>週間ファミコン通信90年2月2日号</B>です。color="red">ドラクエ4</FONT>の特集が載っています。size="5">非常にきれい</FONT>です。</HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。こんな風になっているはずです。上に戻る効果をダブらせる「非常にきれい」の部分を青字で大きくします。size="数字">を使います。size="数字">〜</FONT>とします。区切りの部分にはやはり半角スペースが入ります。「color」の前と「size」の前がそれに該当します。colorとsizeを書く順番はどちらが先でもかまいません。color="色の名前">でもどちらでもOKです。<HTML><B>週間ファミコン通信90年2月2日号</B>です。color="red">ドラクエ4</FONT>の特集が載っています。color="blue">非常にきれい</FONT>です。<BR></HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。上に戻る三つ重ねて効果を出す青い太字で、サイズも大きくします。size="数字"><B>〜</B></FONT>を使います。<HTML><B>週間ファミコン通信90年2月2日号</B>です。color="red">ドラクエ4</FONT>の特集が載っています。color="blue"><B>非常にきれい</B></FONT>です。</HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。size="5"><B>非常にきれい</B></FONT>でもOKです。size="5">非常にきれい</B></FONT>理由はわかると思います。「非常にきれい」の前後のタグに着目します。size="5">と</B>という違った種類のタグではさまれているからです。文章だけを先に書きます。効果を出したい部分をタグではさんでいきます。どのタグでどんな効果が出るかさえ知っていれば、種類は違っても使い方は同じです。これだけわかれば、文章のホームページは、もう作ることができます。上に戻るその他、文章に使うタグ斜体にしたいときは<I>〜</I>(アイ)<HTML><I>週間ファミコン通信90年2月2日号</I>です。<BR>ドラクエ4の特集が載っています。<BR>汚れ、破れ、書き込み等なく非常にきれいです。<BR></HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。アンダーラインは<U>〜</U><HTML><U>週間ファミコン通信90年2月2日号</U>です。<BR>ドラクエ4の特集が載っています。<BR>汚れ、破れ、書き込み等なく非常にきれいです。<BR></HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。<BR>と同じように単独で使います。改行の効果も持っています。<HTML>週間ファミコン通信90年2月2日号です。<HR>ドラクエ4の特集が載っています。<BR>汚れ、破れ、書き込み等なく非常にきれいです。<BR></HTML>週間ファミコン通信90年2月2日号です。ドラクエ4の特集が載っています。汚れ、破れ、書き込み等なく非常にきれいです。これで大体文章を書くことはできるようになったはずです。次は画像を入れたり、背景を表示させます。具体例リンクの特殊効果具体例ボタンに見えるリンク。