質問は、掲示版[Alt+B]をチェック、答えもチェック、あの娘もチェック、この娘もチェック、タータンチェック。
使わない方がいいタグ一覧 [Alt+X] NEW!
<HTML>で始める前に、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
といった DOCTYPE 宣言をしましょう。
<HEAD>, </HEAD>内の最初に、
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-2022-jp">
<META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<META HTTP-EQUIV="Keywords" CONTENT="WEB GUIDELINE">
<META NAME="robots" CONTENT="index,follow"> <!-- for goo -->
<META NAME="Description" CONTENT="WEB GUIDELINE">
<LINK REV="made" HREF="mailto:webmaster@esprix.net">
<LINK REL="stylesheet" TYPE="text/css" HREF="mystddef.css">
などと基本情報を記述しましょう。
iso-2022-jp, EUC-JP, Shift_JIS などの「日本語コードが使われているよ」宣言の
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-2022-jp">
を書くより前に、
<TITLE>いきなり日本語コードでタイトル!</TITLE>
などと書いてはいけません。
目が不自由で、読み上げソフトを使っていらっしゃる方々のために、
画像の <IMG> タグには、必ず ALT (代わりに表示される文字列)を
書きましょう。
できれば、ALT="[バナーだよ]" のように [ ] (半角カギカッコ)で囲んでね。
文字のみで表示されるブラウザ Lynx 等で読みやすくなるのでは…。
一行あたりの表示文字数を80字未満にするのも、重要です。
「セーフティパレット」に含まれる色だけで構成された画像であれば、
ブラウザ上でディザリングされて表示されることはありません。
ディザリングとは、本来単色で塗りつぶされていた場所に、複数の色の
ドットが散りばめられたように表示されることで、見栄えもよくありません。
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF | #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF | #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF | #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF | #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF | #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF | #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF | #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF | #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF | #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF | #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF | #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF | #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF | #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF | #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF | #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF | #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF | #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF | #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
MS Internet Explorer, Netscape Navigator のそれぞれバージョン 3.0
以上では、16進数 RGB 表現 (#rrggbb)以外に、色の名前が使えます。
** light grey だけ、gray の綴りが g r e y なので注意しましょう。
| [A]_____________ | darkturquoise___ | lightsalmon_____ | papayawhip______ |
| aliceblue_______ | darkviolet______ | lightseagreen___ | peachpuff_______ |
| antiquewhite____ | deeppink________ | lightskyblue____ | peru____________ |
| aqua____________ | deepskyblue_____ | lightslategray__ | pink____________ |
| aquamarine______ | dimgray_________ | lightsteelblue__ | plum____________ |
| azure___________ | dodgerblue______ | lightyellow_____ | powderblue______ |
| [B]_____________ | [F]_____________ | lime____________ | purple__________ |
| beige___________ | firebrick_______ | limegreen_______ | [R]_____________ |
| bisque__________ | floralwhite_____ | linen___________ | red_____________ |
| black___________ | forestgreen_____ | [M]_____________ | rosybrown_______ |
| blanchedalmond__ | fuchsia_________ | magenta_________ | royalblue_______ |
| blue____________ | [G]_____________ | maroon__________ | [S]_____________ |
| blueviolet______ | gainsboro_______ | mediumaquamarine | saddlebrown_____ |
| brown___________ | ghostwhite______ | mediumblue______ | salmon__________ |
| burlywood_______ | gold____________ | mediumorchid____ | sandybrown______ |
| [C]_____________ | goldenrod_______ | mediumpurple____ | seagreen________ |
| cadetblue_______ | gray____________ | mediumseagreen__ | seashell________ |
| chartreuse______ | green___________ | mediumslateblue_ | sienna__________ |
| chocolate_______ | greenyellow____ | mediumspringgreen | silver__________ |
| coral___________ | [H]_____________ | mediumturquoise_ | skyblue_________ |
| cornflowerblue__ | honeydew________ | mediumvioletred_ | slateblue_______ |
| cornsilk________ | hotpink_________ | midnightblue____ | slategray_______ |
| crimson_________ | [I]_____________ | mintcream_______ | snow____________ |
| cyan____________ | indianred_______ | mistyrose_______ | springgreen_____ |
| [D]_____________ | indigo__________ | moccasin________ | steelblue_______ |
| darkblue________ | ivory___________ | [N]_____________ | [T]_____________ |
| darkcyan________ | [K]_____________ | navajowhite_____ | tan_____________ |
| darkgoldenrod___ | khaki___________ | navy____________ | teal____________ |
| darkgray________ | [L]_____________ | [O]_____________ | thistle_________ |
| darkgreen_______ | lavender________ | oldlace_________ | tomato__________ |
| darkkhaki_______ | lavenderblush___ | olive___________ | turquoise_______ |
| darkmagenta_____ | lawngreen_______ | olivedrab_______ | [V]_____________ |
| darkolivegreen__ | lemonchiffon____ | orange__________ | violet__________ |
| darkorange______ | lightblue_______ | orangered_______ | [W]_____________ |
| darkorchid______ | lightcoral______ | orchid__________ | wheat___________ |
| darkred_________ | lightcyan_______ | [P]_____________ | white___________ |
| darksalmon____ | lightgoldenrodyellow | palegoldenrod_ | whitesmoke______ |
| darkseagreen____ | lightgreen______ | palegreen_______ | [Y]_____________ |
| darkslateblue___ | lightgrey **____ | paleturquoise___ | yellow__________ |
| darkslategray___ | lightpink_______ | palevioletred___ | yellowgreen_____ |