リンクとは、本ページから他ページへの移動する事をいいます
リンクタグは<a href="ページのURLかファイル名">リンクさせる文字</a>で構成されます
では早速、作成してみましょう
まずメモ帳を起動し、保存したサンプルページを呼び出します
呼び出したサンプルページの<body>〜</body>の間に
<a href="sample2.html">sample2へ移動します</a>
<br><br>
<a href="http://www.google.com/intl/ja/">グーグルへ移動します</a>
と入力し、ファイル〜上書き保存をしてください
サンプルページの上書き保存ができましたら、その状態でファイル〜名前を付けて保存を選択します
次にファイル名を sample2.html に変更し、保存をクリックします
その時、左上部のメモ帳の隣にSAMPLE2と表示されたのを確認して下さい
すでにサンプルページに記入しているので
<br><br>
<a href="http://www.google.com/intl/ja/">グーグルへ移動します</a>の部分を削除します
そして <a href="sample2.html">sample2へ移動します</a>のsample2をsampleに変更し、ファイル〜上書き保存をします
マイドキュメントを開くと sample と sample2 のファイルが表示されました
サンプルページを開くとサンプル２へのリンクとグーグルサイトへのリンクが貼られています
「sample2へ移動します」をクリックするとサンプル２のページへ移動します
移動したサンプル２のページには、サンプルページへのリンクが貼られています
「sampleへ移動します」をクリックするとサンプルページへ移動します
文字色や背景色を変更する場合に、このカラーコードが必要になります
とりあえずは、標準色の16色で十分だと思います
| #FFFFFF |
#FF0000 |
#000080 |
#008000 |
| #000000 |
#800000 |
#0000FF |
#00FF00 |
| #808080 |
#800080 |
#00FFFF |
#808000 |
| #C0C0C0 |
#FF00FF |
#008080 |
#FFFF00 |
文字の色を変える場合には、
<font color="カラーコードを記入">色を変えたい文字を記入</font>
文字を太字にするには、<b>太字にする文字を記入</b>
文字を斜体にするには、<i>斜体にする文字を記入</i>
文字に下線を引くには、<u>下線を引く文字を記入</u>
例
<font color="#FF0000">文字の色を変える</font><ｂｒ>
<b>文字を太字にする</b><ｂｒ>
<i>文字を斜体にする</i><ｂｒ>
<u>文字に下線を引く</u><ｂｒ>
このようにメモ帳に入力し、IEで開くと右画面のように表示されます
画像を表示させるには<img src"画像名">タグを使います
IEで表示できる画像ファイルは、GIFファイル（拡張子は .gif ）とJEPGファイル（拡張子は .jpg ）です
拡張子を見るには画像ファイルの上にマウスポインタを置くと大きさ、種類、サイズが表示されますので、その種類を見ると拡張子が分かります
まずは、画像を保存するフォルダを作成します マイドキュメントのファイル〜新規作成〜フォルダを選択
すると新しいフォルダが作成されます
その新しいフォルダを選び右クリック〜名前の変更をします ここでは、gazou と名前をつけています これで、画像を保存する場所ができました
次に表示させたい画像にマウスポインタを置き右クリック〜名前を付けて画像を保存をします
ここでは、風と樹と空とフリー素材さんの画像を使用させていただいてます
保存場所はマイドキュメントのgazou フォルダを開き、後で分かりやすい様にファイル名（ここでは、ajisai)を変更します
gazou フォルダに ajisai というファイルがでてきました これで画像を表示させる準備ができました
最後に
<img src"画像名
">タグをメモ帳に記入します
例
<img src="gazou/ajisai.gif">
画像名の部分は "フォルダ名 / ファイル（画像）名 .gif （拡張子）" を記入
IEで開くと左画面のように表示されました
<head>〜</head>の間に下記のスタイルシートを入力します
<style type="text/css">
body { background-color: #00ff00; }
p {font-size: 20px; color: #ff0000; }
div {font-size: 25px; color: #0000ff; }
</style>
1行目〜5行目の <style type="text/css">〜</style>は、スタイルシートを使う事を宣言します
2行目の body { background-color: #00ff00; } は、背景色をライム色にします
3行目の p {font-size: 20px; color: #ff0000; } は、<p>タグの部分を文字サイズ20ピクセル、文字色を赤色にします
4行目の div {font-size: 25px; color: #0000ff; } は、<div>タグの部分を文字サイズ25ピクセル、文字色を青色にします
次に
<body>〜</body>の間に
<h>指定されていないので変わらず</h>
<p>スタイルシート</p>
<div>マスターした？</div>
と入力すると指定されたタグの文字や色が変化します
※カラーコードはこちらから
最後に<img src"画像名">タグをメモ帳に記入します
