FrontPage > Web > HTML
HTML†
HTML(Hyper Text Markup Language)は、ページを記述するための言語。
HTMLを意識せずGUIで作成するソフトも沢山有るので
一般的なページを作成するのであけば、言語のタグ等を知らなくても作成可能。
しかし、PHP、CGI、Perl等作成する場合は、
タグやタグの意味等を知っていないと作成に困る。
「<HTML>」等「<」で始まり「>」で終わる文字列をタグと云う。
原則、タグは対称となるタグが存在する。
「<HTML>」には「</HTML>」と云う風である。
「<...>」タグ 開始タグ
「</...>」タグ 終了タグ
「<... />」タグ 開始・終了一体型のタグ (「/」は省略可)
※画像表示の「<IMG>」や改行の「<BR>」等の様に終了タグ不要な物もある。
- 複数のタグを使用する場合は、包含関係にする必要があります。
- 開始タグには、タグの後ろに属性が存在します。属性は、そのタグの持っている機能を修飾します。<FONT>タグには、サイズや色を指定することが出来ます。
必須タグ†
| <HTML> 〜 </HTML> | HTML文書宣言 |
| <HEAD> 〜 </HEAD> | ヘッダ宣言 |
| <TITLE> 〜 </TITLE> | ヘッダ内のタイトル |
| <BODY> 〜 </BODY> | 本文 |
よく使うと思われるタグ†
| <A> 〜 </A> | この範囲は、ハイパー・ジャンプ、ダウンロード、メールアドレス等の設定が可能です。 |
| <Hn> 〜 </Hn> | この範囲の文字を見出しにします。一般的に、1(大きな文字) <= n <= 6(小さい文字)となっています。 |
| <FONT> 〜 </FONT> | この範囲の文字のフォント、サイズ、色等を変更します。 |
| <DIV> 〜 </DIV> | 文字列の左寄せ、中央寄せ、右寄せを行います。※類似タグ : <center> 〜 </center> |
| <B> 〜 </B> | この範囲の文字を太字文字(bold)にします。 |
| <I> 〜 </I> | この範囲の文字を斜体文字(Italic)にします。 |
| <TABLE> 〜 </TABLE> | テーブル表(罫線)を作成。 |
| <IMG> | イメージ表示です。「alt='〜'」と画像名を書き、「src='〜'」と画像ファイル名を書きます。 |
| <HR> | 水平線を作成します。 |
| <BIG> | 囲まれている範囲の文字を一回り大きな文字にします。 |
| <SMALL> | 囲まれている範囲の文字を一回り小さな文字にします。 |
参考にすると良いページ:
とほほのＷＷＷ入門 - 「HTMLリファレンス」、「とほほのJavaScriptリファレンス」、「とほほのスタイルシート入門」、他
HTMLクイックリファレンス - 「HTMLタグリファレンス（目的別）」、「スタイルシートリファレンス（目的別）」、他
直接表示できない文字†
< 【<】 大なり不等号。
> 【>】小なり不等号。
& 【&】アンパサンド。
" 【"】ダブル・ダブルクォーテイション。
【 】半角スペース。
© 【©】著作権マーク(未対応ブラウザ有り)。
® 【®】登録商標マーク(未対応ブラウザ有り)。
| | Black | #000000 |
| | White | #FFFFFF |
| | Red | #FF0000 |
| | Lime | #00FF00 |
| | Green | #008000 |
| | Blue | #0000FF |
| | Cyan | #00FFFF |
| | Magenta | #FF00FF |
| | Yellow | #FFFF00 |
| | Light Gray | #D3D3D3 |
| | Gray | #808080 |
| | Dark Gray | #A9A9A9 |
- 初期 日本語入力(IMW)設定
CSSを使用する事で対応可。
| 指定なし | ime-mode: auto; | <input type="text" ... style="ime-mode: auto;"> |
| 日本語入力モード | ime-mode: active; | <input type="text" ... style="ime-mode: active;"> |
| 英数字入力モード | ime-mode: inactive; | <input type="text" ... style="ime-mode: inactive;"> |
| 英数字入力モード | ime-mode: disabled; | <input type="text" ... style="ime-mode: disabled;"> |
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
html1.png