![]() |

![]() |

●プランニング、情報の収集がすすんで、いざHTML文書を作成しようと思い立ったとき、 あなたは、どのようなツールを利用しますか? 一般的には、市販のHTML作成ソフトを利用するという手段があります。また、いくつかの文書作成ソフトには、HTMLを自動的に生成してくれるものもあります。
でも、あなたにHTML文法を学びたい、という意欲があれば、
そのようなソフトをわざわざ購入しなくても、簡単なテキストエディタさえあれば、
HTMLファイルを自分で書いてしまうことが可能なのです。
また、自動生成ソフトを利用している方も、HTMLファイルの中身がどのような仕組みになっているのか、
概要を理解しておくことが大切です。
万が一ファイルが破損した、なんてことがあったとき、
文法を理解していれば、ご自分で修復してしまうことだって不可能ではないのです。
この項目では、HTML文法の記述についての基礎的な概要をご紹介するものです。みなさんがご自分でホームページを作成するにあたって必要となってくるHTML文法の構造についてレクチャーしていきます。
| その1:はじめに | その2:HTMLの構造 | その3:改行と段落 |
| その4:見出し文字 | その5:水平線 | その6:〜『属性』について |
| その7:要素のグループ化〜<DIV>タグ | その8:箇条書き、リストの作成 | その9:タグの入れ子構造 |
| その10:フォントタグ>サイズ | その11:フォントタグ>カラー | その12:ベースフォントタグ |
| その13:文字の装飾 | その14:文書の構造 | その15:文書の構造2 |
| その16:<BODY>タグの属性 | その17:セーフカラー | その18:カラーチャート |
| その19:光の3原色 | その20:補色 | その21:色あいについて考える |
| その22:リンクをはろう | その23:ページ内へのリンク | その24:別ファイルへのリンク |
| その25:別ファイルへのリンクその2 | その26:他のサイトへのリンク | その27:メールを送信する |
| その28:その他、注意事項 |
| その29:BODYタグの属性 | その30:解説〜その先の話 | その31:文書を整形するタグ |
| その32:コメント | その33:語句の意味付け | その34:語句の意味付け その2 |
| その35:画像の読み込み | その36:画像の読み込みその2 | その37:IMGタグの属性 |
| その38:IMGタグの属性その2 | その39:画像からのリンク | その40:背景画像 |
| その41:備考 | サンプルページ |
| その42:GIF形式データ | その43:GIF形式の特徴 | その44:JPEG形式データ |
| その45:PNG形式データ | その46:イメージマップとは | その47:イメージマップ作成 |
| その48:イメージマップ作成2 | その49:イメージマップ<ドーナツ型リンク | その50:サンプルページ |
| その51:表の作成 | その52:TABLE〜属性 | その53:TR〜列 |
| その54:TH〜タイトル | その55:TH〜行数指定 | その56:TD〜内容文 |
| その57:TD〜行数指定 | その58:CAPTION | その59:COLGROUP COL |
| その60:THEAD TFOOT TBODY | その61:THEAD TFOOT TBODY 2 | その62:属性補足 |
| その63:構造の記述について |
| その64:テーブルタグの応用 | その65:テーブルの入れ子 | その66:中央に配置 |
| その67:画像の配置 | その68:スペーサーGIF | その69:背景色としてのテーブル |
| その70:画像のスライス | その71:テキストコンテナ〜枠の工夫 | その72:テキストコンテナ〜枠の工夫2 |
| その73:テキストコンテナ〜枠の工夫3 | その74:サンプルファイル |
| その75:HTMLについて | その76:文書型宣言 | その77:HTML要素、BODY要素 |
| その78:ヘッダ情報〜タイトル | その79:ヘッダ情報〜META | その80:ヘッダ情報〜META |
| その81:ヘッダ情報〜LINK | その82:ヘッダ情報〜LINK | その83:文字参照 |
| その84:用語解説 | その85:用語解説〜URI | その86:汎用的な属性 |
| その87:属性の値について | その88:属性の値について2 |
| その89:解説スタイルシート | その90:解説スタイルシートその2 | その91:記述方法〜セレクタとプロパティ |
| その92:記述方法〜クラス | その93:基本的な指定の仕方 | その94:外部ファイルを読み込む |
| その95:属性STYLE CLASSの定義 | その96:属性IDの定義 | その97:部分的な指定SPANとDIV |
| その98:文字色 |
| その99:フォントサイズ | その100:フォント名 | その101:フォントサンプル |
| その102:斜体と太さ | その103:スモールキャップ | その104:一括指定 |
| その105:テキスト配置 | その106:縦方向の配置 | その107:テキスト修飾 |
| その108:行の高さ | その109:文字間隔 | その110:言葉(単語)間隔 |
| その111:テキスト変換 | その112:テキスト字下げ | その113:空白の扱い |
| その114:文字の影 | その115:CSSの単位 | その116:CSSの色彩単位 |
| その117:サンプル |
| その133:背景色 | その134:背景画像 | その135:背景反復 |
| その136:背景の表示位置 | その137:背景画像の固定配置 | その138:背景の一括指定 |
| その139:記述方法(詳細) | その140:記述方法(疑似クラス) | その141:記述方法(疑似要素) |
| その142:記述方法(コメント) | その143:スタイルシートの優先度 | その144:参考作品 |
| その145:配置 | その146:上下からの位置 | その147:左右からの位置 |
| その148:重なる順序 | その149:左右の配置(回り込み) | その150:回り込みの解除 |
| その151:はみだした部分の表示方法 | その152:見える範囲 | その153:画面表示 |
| その154:文字表記の方法 | その155:ディスプレイ | その156:サンプル |
| その157:リスト項目のスタイル | その158:リスト項目の画像 | その159:リスト項目の表示位置 |
| その160:リスト項目の一括指定 |
| その161:テーブルの表示方法 | その162:セルのボーダーの表示方法 | その163:セルのボーダーの間隔 |
| その164:空白セルの表示、非表示 | その165:キャプションの位置 |
| その166:アウトラインの指定 | その167:アウトラインの指定 | その168:アウトラインの指定 |
| その169:カーソルの形状指定 | その170:印刷 | 補足:ブラウザの対応について |
| その171:フレームとは | その172:基本的な記述 | その173:フレームセット |
| その174:フレームタグ | その175:分割方法の考察 | その176:フレームレイアウト |
| その177:フレーム内リンク | その178:リンク〜ターゲット属性 | その179:ノーフレーム |
| その180:アイフレーム | その181:アイフレームレイアウト | その182:サンプル |
| その183:フォームに関する記述 | その184:フォーム要素 | その185:インプット〜送信ボタン |
| その186:送信ボタン | その187:セレクト&オプション | その188:テキストエリア |
| その189:ボタン | その190:メールを送信する |
| その191:サウンドの再生 | その192:サウンドの再生2 | その193:ムービーの再生 |
| その194:ムービーの再生2 | その195:オブジェクトタグ | その196:オブジェクト要素の記述例 |
| その224:サンプルページ『和音』 | その225:文書のレイアウト | その226:文書のレイアウト |
| その227:エントリーページ | その228:文書内のリンク | その229:画像データの閲覧 |
| その230:文法チェック | その231:文書のダイエット | その232:表示の体感速度 |
| その233:アクセシビリティ | その234:ユーザー環境 | その235:FTP |
| その236:エディタ | その237:4.0と4.01の主な相違点について | その238:XHTML |
*このコンテンツは、
スタイルシートに対応していないブラウザでは意図通りに表示されない場合があります。