| ＨＰ作成・色 | ▼もくじ |
| ▼HTMLページの作り方 | ▼カラーコード一覧 |
|
ホームページを作ってみよう！ HTMLのファイルの中身は文字列でできています。 ◆まず、テキストエディター（Windowsでいえばメモ帳など）でこういうタグを省略せずに書きます。
（⇒入力する時の注意点）も参考にしてください。
◆次に、ＨＴＭＬ形式で保存します。 この場合は、 page1.html で保存してます。 
◆保存すると、「page1」と書かれたホームページのファイルが出来ます。（page1.htmlで保存した場合） これを開くと、ブラウザー（ホームページを見るソフト）が起動するので、思った通りに表示しているか確認してみよう。 ◆ちゃんと思いどおりに表示されていたら出来あがり！気に入らなけらばどんどん修正しよう！ （出来たホームページをインターネットで送るとき、画像がある場合は画像も一緒に送る事を忘れないでね！） |
| カラーコード一覧 | ▼もくじ |
| #000000 | #000080 | #800000 | #008000 | #800080 | #008080 | #808000 | #808080 |
| #0000FF | #FF0000 | #00FF00 | #8000FF | #0080FF | #FF0080 | #FF8000 | #00FF80 |
| #80FF00 | #8080FF | #FF8080 | #80FF80 | #FF00FF | #00FFFF | #FFFF00 | #FF80FF |
| #80FFFF | #FFFF80 | #FFFFFF | |||||
| #FFCCFF | #FFCCCC | #FFFFCC | #CCFFCC | #CCFFFF | #CCCCFF |
| #FF99FF | #FF9999 | #FFFF99 | #99FF99 | #99FFFF | #9999FF |
| #CC99FF | #FF99CC | #FFCC99 | #CCFF99 | #99FFCC | #99CCFF |
| #110000 | #220000 | #330000 | #440000 | #550000 | #660000 | #770000 | #880000 |
| #990000 | #AA0000 | #BB0000 | #CC0000 | #DD0000 | #EE0000 | #FF0000 | #FF1111 |
| #FF2222 | #FF3333 | #FF4444 | #FF5555 | #FF6666 | #FF7777 | #FF8888 | #FF9999 |
| #FFAAAA | #FFBBBB | #FFCCCC | #FFDDDD | #FFEEEE | |||
| #001100 | #002200 | #003300 | #004400 | #005500 | #006600 | #007700 | #008800 |
| #009900 | #00AA00 | #00BB00 | #00CC00 | #00DD00 | #00EE00 | #00FF00 | #11FF11 |
| #22FF22 | #33FF33 | #44FF44 | #55FF55 | #66FF66 | #77FF77 | #88FF88 | #99FF99 |
| #AAFFAA | #BBFFBB | #CCFFCC | #DDFFDD | #EEFFEE | |||
| #000011 | #000022 | #000033 | #000044 | #000055 | #000066 | #000077 | #000088 |
| #000099 | #0000AA | #0000BB | #0000CC | #0000DD | #0000EE | #0000FF | #1111FF |
| #2222FF | #3333FF | #4444FF | #5555FF | #6666FF | #7777FF | #8888FF | #9999FF |
| #AAAAFF | #BBBBFF | #CCCCFF | #DDDDFF | #EEEEFF | |||
| #000000 | #111111 | #222222 | #333333 | #444444 | #555555 | #666666 | #777777 |
| #888888 | #999999 | #AAAAAA | #BBBBBB | #CCCCCC | #DDDDDD | #EEEEEE | #FFFFFF |
| #000000 | #330000 | #660000 | #990000 | #CC0000 | #FF0000 |
| #003300 | #333300 | #663300 | #993300 | #CC3300 | #FF3300 |
| #006600 | #336600 | #666600 | #996600 | #CC6600 | #FF6600 |
| #009900 | #339900 | #669900 | #999900 | #CC9900 | #FF9900 |
| #00CC00 | #33CC00 | #66CC00 | #99CC00 | #CCCC00 | #FFCC00 |
| #00FF00 | #33FF00 | #66FF00 | #99FF00 | #CCFF00 | #FFFF00 |
| #000033 | #330033 | #660033 | #990033 | #CC0033 | #FF0033 |
| #003333 | #333333 | #663333 | #993333 | #CC3333 | #FF3333 |
| #006633 | #336633 | #666633 | #996633 | #CC6633 | #FF6633 |
| #009933 | #339933 | #669933 | #999933 | #CC9933 | #FF9933 |
| #00CC33 | #33CC33 | #66CC33 | #99CC33 | #CCCC33 | #FFCC33 |
| #00FF33 | #33FF33 | #66FF33 | #99FF33 | #CCFF33 | #FFFF33 |
| #000066 | #330066 | #660066 | #990066 | #CC0066 | #FF0066 |
| #003366 | #333366 | #663366 | #993366 | #CC3366 | #FF3366 |
| #006666 | #336666 | #666666 | #996666 | #CC6666 | #FF6666 |
| #009966 | #339966 | #669966 | #999966 | #CC9966 | #FF9966 |
| #00CC66 | #33CC66 | #66CC66 | #99CC66 | #CCCC66 | #FFCC66 |
| #00FF66 | #33FF66 | #66FF66 | #99FF66 | #CCFF66 | #FFFF66 |
| #000099 | #330099 | #660099 | #990099 | #CC0099 | #FF0099 |
| #003399 | #333399 | #663399 | #993399 | #CC3399 | #FF3399 |
| #006699 | #336699 | #666699 | #996699 | #CC6699 | #FF6699 |
| #009999 | #339999 | #669999 | #999999 | #CC9999 | #FF9999 |
| #00CC99 | #33CC99 | #66CC99 | #99CC99 | #CCCC99 | #FFCC99 |
| #00FF99 | #33FF99 | #66FF99 | #99FF99 | #CCFF99 | #FFFF99 |
| #0000CC | #3300CC | #6600CC | #9900CC | #CC00CC | #FF00CC |
| #0033CC | #3333CC | #6633CC | #9933CC | #CC33CC | #FF33CC |
| #0066CC | #3366CC | #6666CC | #9966CC | #CC66CC | #FF66CC |
| #0099CC | #3399CC | #6699CC | #9999CC | #CC99CC | #FF99CC |
| #00CCCC | #33CCCC | #66CCCC | #99CCCC | #CCCCCC | #FFCCCC |
| #00FFCC | #33FFCC | #66FFCC | #99FFCC | #CCFFCC | #FFFFCC |
| #0000FF | #3300FF | #6600FF | #9900FF | #CC00FF | #FF00FF |
| #0033FF | #3333FF | #6633FF | #9933FF | #CC33FF | #FF33FF |
| #0066FF | #3366FF | #6666FF | #9966FF | #CC66FF | #FF66FF |
| #0099FF | #3399FF | #6699FF | #9999FF | #CC99FF | #FF99FF |
| #00CCFF | #33CCFF | #66CCFF | #99CCFF | #CCCCFF | #FFCCFF |
| #00FFFF | #33FFFF | #66FFFF | #99FFFF | #CCFFFF | #FFFFFF |
| 文字の大きさ、着色、意外と困る改行について | 1.改行と修飾 |
| 画像の挿入、更にその後は | 2.イメージ |
| リンクを作らないとどこにも行けないよ〜。 | 3.リンク |
| 隅々まで色や背景を変えたりする | 4.全体に反映 |
| 文字を動かしてみよう | 5.流れる文字 |
| 音楽を聞かせてあげよう | 6.BGM |
| スクロールバーの色を変えられる | 7.スタイルシート |
| 入力してみたが、なにかおかしい | 9.Ｑ＆Ａ |