タグ
|
ホームペジージ作成ソフトで、組み込めない部分はエディタで書込む
覚えておきたい、必要最小限の基本タグ |
| ● HTML基本タグ |
| タグ表記文字 |
大文字、小文字共可、半角英数 |
| <html>〜</html> |
ホームページ文書の宣言 |
| <head>〜</head> |
タイトルタグをはさむ
<head>ホームページのタイトル（ファイル名ではない） |
| <body>〜</body> |
ホームページの本文。ページとして見たとき、表示されます |
| <address>〜</address> |
ホームページの作者やメールアドレス情報
→斜体文字 |
「〜.html」 一般的なHTML形式ファイル
「〜.htm」8+3 文字 ＩＳＯフォーマット対応（CD-RでＭＡＣ読み込み可能）
index.html 主なホームページ（ＴＯＰペ−ジ） |
| <body bgcolor="****"> |
****には色指定値(RRGGBB)または色名が入る |
|
|
|
● 文字のサイズ・色 |
| <h*>〜</h*> |
見出し文字（自動的に太字）
h1〜h6まで指定、h1 が一番大きい h6 が一番小さい |
| <font size=*></font> |
文字サイズ
*=1〜7、1 が一番小さい 7 が一番大きい |
| <basefont size=*> |
基準文字サイズ宣言
→あとは*=(+-)
<basefont size=3> 基本
<basefont size=+2> = <basefont size=5> →(3+2) |
| <body bgcolor="****"> |
背景色
****には色指定値(RRGGBB)または色名が入る |
| <body background=****> |
****には画像ファイル名（実際はパス名）が入る |
|
|
| ● 文書レイアウト（割付・配置） |
| <center>〜</center> |
中央揃え |
| <br> |
改行タグ |
| <pre>〜</pre> |
文書にスペース有効表現
※普通半角スペースも１箇所に１回のみ認識 |
| <li>〜<li> |
箇条書き内容文書 |
| <ul>〜</ul> |
箇条書き 頭にマーク ・・・…… |
| <ol>〜</ol> |
箇条書き 数字 1.2.3.…… |
| <ol tipe="A">〜</ol> |
箇条書き アルファベット A.B.C.…… |
|
|
| ● 文字スタイル |
| <b>〜</b> |
太字 （BOLD FACE） |
| <i>〜</i> |
斜体 （ITALICS） |
| <blink>〜</blink> |
点滅 ※ＮＮのみ |
| <sup>〜</sup> |
上付文字 （SUPER SCRIPT） |
|
|
| ● 罫線 |
| <hr> |
罫線の上下に１行分の空き |
| <hr sise=*> *=1〜100 |
罫線太さの太さの追加サイズ |
| <hr width="**"> |
画面幅のピクセル数 |
| <hr width="**%"> |
画面幅の割合 |
| <hr noshade |
影のない１本線 |
<center>
<hr width="**%">
</center> |
中央 **％幅の罫線 |
| <hr width="**%" align="*****"> |
<hr width="**%" align="*****"> **％幅の罫線 右揃え |
| <hr width="**%" center="*****"> |
**％幅の罫線 中央揃え |
| <hr width="**%" left="*****"> |
**％幅の罫線 左揃え |
|
|
| ● 表組み |
| <table>〜</table> |
表組み |
| <tr> （エンプティー・タグ） |
表組み行作成 |
| ［使用例］ |
|
| <tr><td>〜</td><tr>〜</td> |
２列 |
| <table border>〜</table> |
表に枠をつける |
| <table border width="**%" height="**%">〜</table> |
表、横幅**％、縦幅**％ |
| <table border width="**" height="**">〜</table> |
表、横幅**ピクセル数、縦幅**ピクセル数 |
| <table border cellspacing="**">〜</table> |
表枠の太さ、**ピクセル |
| <table border="**">〜</table> |
表枠の高さ、**ピクセル |
| <tr><td rowspan="*"> |
縦方向にセル*行連結 |
| <tr><td colspan="*"> |
横方向にセル*列連結 |
| <tr><td valign="top" align="left">〜</td> |
表枠内文字の左・上 揃え |
| <tr><td valign="center" align="center">〜</td> |
表枠内文字の中・中 配置（揃え） |
| <tr><td valign="bottom" align="right">〜</td> |
表枠内文字の右・下 揃え |
|
|
| ● 画像 |
| <imgsrc="****"> |
画像ファイル配置 形式 GIF,JPG |
| <img src="****" width="**" height="**"> |
画像ファイル（****）表示、幅**ピクセル、
高さ**ピクセルにサイズ調整 |
| <img src="****" width="**%" height="**%"> |
画像ファイル（****）表示、幅**％、
高さ**％にサイズ調整 |
| <img border=* src="****"> |
画像ファイル（****）表示、枠線幅=*ピクセル |
|
|
| ● リンク接続（つながる、連鎖する） |
| <a href="#****">〜</a> |
リンク元（同じページの特定部分へジャンプ） |
| <a href="****">〜</a> |
リンク先（同じページの特定部分へジャンプ） |
| <a href="****.htm">〜</a> |
他のホームページへジャンプ |
|
|
| ● 画面の分割 |
| <frameset>〜</frameset> |
画面分割HTML文書（BODYの代わり） |
| <framecet cols="*1%,*2%">〜</frameset> |
*1％と*2％に縦分割 |
| <framecet cols="*1,*2">〜</frameset> |
*1ピクセルと*2ピクセルと*に縦分割 |
| <frame src="****.htm"> |
フレームに入れるファイル名 ※フレーム数分必要 |
| <framecet rows="*1%,*2%">〜</frameset> |
*1％と*2％に横分割 |
|
|
| ● Java Script |
| <scrict language="Javascript"></script"> |
Java Scriptの記述宣言タグ |
| <!----- //----->> |
Java Scriptが作動しないブラウザ−に、Java Scriptを認識させるためのタグ |
| Java Script |
ＨＴＭＬのソースの中に書き込むプログラム言語。主にホームページの装飾に使われ、又、ゲ−ムなども作れる。 |
