HTMLエスケープ
<（右大不等号）、> （左大不等号）、amp;（アンパサンド）、"（ダブルクォート）をエスケープします。
HTMLエスケープ
2011年2月9日
コメントの追加
便利な見本・ツール
カラーファインダー
2009年8月13日
コメントの追加
ブラウザで指定できる色の名前
2009年8月6日
コメントの追加
Webページを作成するときに指定できる色の名前一覧です。ここにある名前はすべて、<font color="Green">のようにして使えます。
| 色 | 色名 | 16進数表記 |
|---|---|---|
| Black | #000000 | |
| Navy | #000080 | |
| DarkBlue | #00008B | |
| MediumBlue | #0000CD | |
| Blue | #0000FF | |
| DarkGreen | #006400 | |
| Green | #008000 | |
| Teal | #008080 | |
| DarkCyan | #008B8B | |
| DeepSkyBlue | #00BFFF | |
| DarkTurquoise | #00CED1 | |
| MediumSpringGreen | #00FA9A | |
| Lime | #00FF00 | |
| SpringGreen | #00FF7F | |
| Aqua | #00FFFF | |
| Cyan | #00FFFF | |
| MidnightBlue | #191970 | |
| DodgerBlue | #1E90FF | |
| LightSeaGreen | #20B2AA | |
| ForestGreen | #228B22 | |
| SeaGreen | #2E8B57 | |
| DarkSlateGray | #2F4F4F | |
| LimeGreen | #32CD32 | |
| MediumSeaGreen | #3CB371 | |
| Turquoise | #40E0D0 | |
| RoyalBlue | #4169E1 | |
| SteelBlue | #4682B4 | |
| DarkSlateBlue | #483D8B | |
| MediumTurquoise | #48D1CC | |
| Indigo | #4B0082 | |
| DarkOliveGreen | #556B2F | |
| CadetBlue | #5F9EA0 | |
| CornFlowerBlue | #6495ED | |
| MediumAquamarine | #66CDAA | |
| DimGray | #696969 | |
| SlateBlue | #6A5ACD | |
| OliveDrab | #6B8E23 | |
| SlateGray | #708090 | |
| LightSlateGray | #778899 | |
| MediumSlateBlue | #7B68EE | |
| Chartreuse | #7FFF00 | |
| Aquamarine | #7FFFD4 | |
| Maroon | #800000 | |
| Purple | #800080 | |
| Olive | #808000 | |
| Gray | #808080 | |
| SkyBlue | #87CEEB | |
| LightSkyBlue | #87CEFA | |
| BlueViolet | #8A2BE2 | |
| DarkRed | #8B0000 | |
| SaddleBrown | #8B4513 | |
| DarkSeaGreen | #8FBC8F | |
| LightGreen | #90EE90 | |
| MediumPurple | #9370DB | |
| DarkViolet | #9400D3 | |
| PaleGreen | #98FB98 | |
| DarkOrchid | #9932CC | |
| YellowGreen | #9ACD32 | |
| Sienna | #A0522D | |
| AliceBlue | #A0CE00 | |
| Brown | #A52A2A | |
| DarkGray | #A9A9A9 | |
| LightBlue | #ADD8E6 | |
| GreenYellow | #ADFF2F | |
| PaleTurquoise | #AFEEEE | |
| LightSteelBlue | #B0C4DE | |
| PowderBlue | #B0E0E6 | |
| FireBrick | #B22222 | |
| DarkGoldenrod | #B8860B | |
| MediumOrchid | #BA55D3 | |
| RosyBrown | #BC8F8F | |
| DarkMagenta | #BD008B | |
| DarkKhaki | #BDB76B | |
| Silver | #C0C0C0 | |
| MediumVioletred | #C71585 | |
| IndianRed | #CD5C5C | |
| Peru | #CD853F | |
| Chocolate | #D2691E | |
| Tan | #D2B486 | |
| LightGray | #D3D3D3 | |
| Thistle | #D8BFDB | |
| Orchid | #DA70D6 | |
| Goldenrod | #DAA520 | |
| PaleVioletred | #DB7093 | |
| Crimson | #DC143C | |
| Gainsboro | #DCDCDC | |
| Plum | #DDA0DD | |
| BurlyWood | #DEB887 | |
| LightCyan | #E0FFFF | |
| Lavender | #E6E6FA | |
| DarkSalmon | #E9967A | |
| Violet | #EE82EE | |
| PaleGoldenrod | #EEE8AA | |
| LightCoral | #F08080 | |
| Khaki | #F0E68C | |
| Honeydew | #F0FFF0 | |
| Azure | #F0FFFF | |
| Wheat | #F5DEB3 | |
| Beige | #F5F5DC | |
| WhiteSmoke | #F5F5F5 | |
| MintCream | #F5FFFA | |
| GhostWhite | #F8F8FF | |
| AntiqueWhite | #FAEBD7 | |
| Linen | #FAF0E6 | |
| LightGoldenrodYellow | #FAFAD2 | |
| OldLace | #FDF5E6 | |
| Red | #FF0000 | |
| Fuschia | #FF00FF | |
| Magenta | #FF00FF | |
| DeepPink | #FF1493 | |
| OrangeRed | #FF4500 | |
| Tomato | #FF6347 | |
| HotPink | #FF69B4 | |
| Coral | #FF7F50 | |
| DarkOrange | #FF8C00 | |
| LightSalmon | #FFA07A | |
| Orange | #FFA500 | |
| LightPink | #FFB6C1 | |
| Pink | #FFC0CB | |
| Gold | #FFD700 | |
| PeachPuff | #FFDAB9 | |
| NavajoWhite | #FFDEAD | |
| Bisque | #FFE4C4 | |
| MistyRose | #FFE4E1 | |
| BlanchedAlmond | #FFEBCD | |
| PapayaWhip | #FFEFD5 | |
| LavenderBlush | #FFF0F5 | |
| SeaShell | #FFF5EE | |
| CornSilk | #FFF8DC | |
| LemonChiffon | #FFFACD | |
| FloralWhite | #FFFAF0 | |
| Snow | #FFFAFA | |
| Yellow | #FFFF00 | |
| LightYellow | #FFFFE0 | |
| Ivory | #FFFFF0 | |
| White | #FFFFFF |
Webセーフカラー
2009年8月6日
コメントの追加
Webセーフカラー
Webセーフカラーとは、ウインドウズとマッキントッシュのシステムパレットに共通する216色のことです。Webページを作成するときにこのカラーパレットを使用すれば、両方の環境で同じ色を使うことができます。
| #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 |
HTMLの特殊文字
2009年8月6日
コメントの追加
| 文字 | コード | 名前 | 説明 |
|---|---|---|---|
| 記号 | |||
| | 空白 | ||
| " | " | " | 引用符 |
| & | & | & | アンパサンド |
| < | < | < | 不等号(Less Than,小なり) |
| > | > | > | 不等号(Greater Than,大なり) |
| € | € | € | ユーロ記号 |
| ‰ | ‰ | ‰ | パーミル |
| „ | „ | 閉じ引用符(ドイツ語) | |
| ... | … | 三連ドット | |
| † | † | セクション記号 | |
| ‡ | ‡ | セクション記号 | |
| ‹ | ‹ | ||
| › | › | ||
| « | « | ||
| » | » | ||
| • | • | ||
| ™ | ™ | ™ | 商標 |
| ¡ | ¡ | ¡ | 逆感嘆符 |
| ¢ | ¢ | ¢ | セント記号 |
| £ | £ | £ | ポンド記号 |
| ¤ | ¤ | ¤ | |
| ¥ | ¥ | ¥ | 円記号 |
| ¦ | ¦ | ¦ | 破線垂直バー |
| § | § | § | セクション記号 |
| ¨ | ¨ | ¨ | ウムラウト |
| © | © | © | コピーライト |
| ª | ª | ª | |
| ® | ® | ® | 登録商標 |
| ° | ° | ° | 度記号 |
| µ | µ | µ | マイクロ記号 |
| ¶ | ¶ | ¶ | 段落記号 |
| ⅛ | ⅛ | 8分の1 | |
| ¼ | ¼ | ¼ | 4分の1 |
| ⅜ | ⅜ | 8分の3 | |
| ½ | ½ | ½ | 2分の1 |
| ⅝ | ⅝ | 8分の5 | |
| ¾ | ¾ | ¾ | 4分の3 |
| ⅞ | ⅞ | 8分の7 | |
| ¿ | ¿ | ¿ | 逆疑問符 |
| « | « | « | 左角引用符 |
| » | » | » | 右角引用符 |
要素索引
2009年8月6日
コメントの追加
要素索引
Fマーク：Frameset DTD まで対応している
Lマーク：Loose DTD まで対応している
Oマーク：任意
| 名称 | 開始タグ | 終了タグ | エンプティ | 非推奨 | DTD対応 | 説明 |
|---|---|---|---|---|---|---|
| A | アンカー | |||||
| ABBR | ||||||
| ACRONYM | ||||||
| ADDRESS | 作者情報 | |||||
| APPLET | ○ | L | Javaアプレット | |||
| AREA | F | ○ | クライアント・サイド・イメージマップ | |||
| B | 太字 | |||||
| BASE | F | ○ | URIのドキュメント・ベース | |||
| BASEFONT | F | ○ | ○ | L | ベース･フォントサイズ | |
| BDO | I18N BiDi over-ride | |||||
| BIG | 大きい文字 | |||||
| BLOCKQUOTE | 長い引用 | |||||
| BODY | O | O | HTMLボディ | |||
| BR | F | ○ | 改行 | |||
| BUTTON | ボタン | |||||
| CAPTION | テーブルのキャプション | |||||
| CENTER | ○ | L | 中央寄せ。DIV align=centerの簡略版 | |||
| CITE | 引用 | |||||
| CODE | コード | |||||
| COL | F | ○ | テーブル・コラム | |||
| COLGROUP | O | テーブル・コラムのグループ | ||||
| DD | O | 定義された用語の説明 | ||||
| DEL | テキスト削除 | |||||
| DFN | インスタンス定義 | |||||
| DIR | ○ | L | ディレクトリ・リスト | |||
| DIV | スタイルのコンテナ | |||||
| DL | 定義リスト | |||||
| DT | O | 定義された用語 | ||||
| EM | 強調 | |||||
| FIELDSET | フォーム･コントロールのグループ | |||||
| FONT | ○ | L | フォントのローカル変更 | |||
| FORM | フォーム | |||||
| FRAME | F | ○ | F | フレーム | ||
| FRAMESET | F | フレームセット | ||||
| H1 | 見出し | |||||
| H2 | 見出し | |||||
| H3 | 見出し | |||||
| H4 | 見出し | |||||
| H5 | 見出し | |||||
| H6 | 見出し | |||||
| HEAD | O | O | ドキュメント･ヘッド | |||
| HR | F | ○ | 罫線 | |||
| HTML | O | O | ドキュメント･ルート･エレメント | |||
| I | イタリック | |||||
| IFRAME | L | インライン・フレーム | ||||
| IMG | F | ○ | 画像 | |||
| INPUT | F | ○ | フォーム･コントロール | |||
| INS | テキスト挿入 | |||||
| ISINDEX | F | ○ | ○ | L | 単線プロンプト | |
| KBD | ユーザ入力のテキスト | |||||
| LABEL | フォームフィールド・ラベル | |||||
| LEGEND | フィールドセットの説明 | |||||
| LI | O | リストアイテム | ||||
| LINK | F | ○ | メディアから独立したリンク | |||
| MAP | クライアント･サイド･イメージマップ | |||||
| MENU | ○ | L | メニューリスト | |||
| META | F | ○ | メタ情報 | |||
| NOFRAMES | F | 非フレームベース・レンダリング用の代替コンテナ | ||||
| NOSCRIPT | 非スクリプトベース・レンダリング用の代替コンテナ | |||||
| OBJECT | 埋め込みオブジェクト | |||||
| OL | 規則リスト | |||||
| OPTGROUP | オプション･グループ | |||||
| OPTION | O | セレクトボックス用オプション | ||||
| P | O | パラグラフ | ||||
| PARAM | F | ○ | プロパティのパラメータ | |||
| PRE | プレフォーマット･テキスト | |||||
| Q | 短いインライン引用 | |||||
| S | ○ | L | ストライクテキスト | |||
| SAMP | サンプルプログラム出力、スクリプト等 | |||||
| SCRIPT | スクリプト･ステートメント | |||||
| SELECT | セレクトボックス | |||||
| SMALL | 小さい文字 | |||||
| SPAN | インライン用のスタイル・コンテナ | |||||
| STRIKE | ○ | L | ストライクテキスト | |||
| STRONG | 強調文字 | |||||
| STYLE | スタイル | |||||
| SUB | 下付き文字 | |||||
| SUP | 上付き文字 | |||||
| TABLE | テーブル | |||||
| TBODY | O | O | テーブルボディ | |||
| TD | O | テーブル・セル | ||||
| TEXTAREA | テキストエリア | |||||
| TFOOT | O | テーブルフッタ | ||||
| TH | O | テーブルヘッダセル | ||||
| THEAD | O | テーブルヘッダ | ||||
| TITLE | ドキュメントタイトル | |||||
| TR | O | テーブル行 | ||||
| TT | テレタイプ文字 | |||||
| U | ○ | L | アンダーライン文字 | |||
| UL | 順不同リスト | |||||
| VAR | 変数文字 |