| 機能 | タグ | ソースサンプル | 結果 | ||||
|---|---|---|---|---|---|---|---|
| 改行（小） | <br> | 改行<br>します。 | 改行 します。 | ||||
| 段 落 | <p>〜</p> | <p>こうすると</p>段落が変わる | こうすると
段落が変わる | ||||
| 罫線 | <hr> | こんな感じに<hr>罫線が表示される | こんな感じに
罫線が表示される | ||||
| 色着き罫線 | <hr color="色"> | こんな感じに<hr color="色">罫線が表示される | こんな感じに
罫線が表示される | ||||
| 見出し文字 | <h1>〜</h1>
（h１が大、h６が小 |
<h1>見出し１</h1> <h2>見出し２</h2> <h3>見出し３</h3> <h4>見出し４</h4> <h5>見出し５</h5> <h6>見出し６</h6> |
見出し１見出し２見出し３見出し４見出し５見出し６ | ||||
| 文字サイズ | <font size="1〜7">〜</font>
（１が小、７が大） |
<font size=1>１です</font> <font size=2>２です</font> <font size=3>３です</font> <font size=4>４です</font> <font size=5>５です</font> <font size=6>６です</font> <font size=7>７です</font> |
１です ２です ３です ４です ５です ６です ７です | ||||
| 文字色 | <font color="色">〜</font> （red/blue/yellow/greenなど） |
<font color="blue">青</font> <font color="red">赤</font> <font color="green"></font> |
青 赤 緑 | ||||
| 太字 | <b>〜</b> | <b>太字です</b> | 太字です | ||||
| 斜体 | <i>〜</i> | <i>斜体です</i> | 斜体です | ||||
| 文字を大きく | <big>〜</big> | <big>大きくなります</big> | 大きくなります | ||||
| センタリング | <p align="center">〜</p> | <p align="center">中央に並びます</p> |
| ||||
| 背景色 | <body bgcolor="色">本文</body> | <body bgcolor="色">色</body> | 色 | ||||
| 背景パターン | <body background="画像のurl"></body> | <body background="画像のurl"></body> | こんな感じ | ||||
| 画像貼付け | <img src="画像のurl"> | <img src="画像のurl"> |  | ||||
| <img src="画像のurl" align="left"> こうすると、画像の 右に回り込めます |
こうすると、 画像の右に 回り込めます | ||||||
| リンク貼付け | <a href="リンク先のurl"> ここがボタンになる。</a> |
<a href="index.htm"> Topに戻る</a> |
Topに戻る | ||||
| テーブル （見出） |
<table
border="5"> <tr> <tｈ>ここに見出し</tｈ> </tr> </table> |
<table
border="5"> <tr> <th>サンプル１</th><th>サンプル２</th> </tr> <tr> <th>サンプル３</th><th>サンプル４</th> </tr> </table> |
| ||||
| テーブル （テキストor画像） |
<table
border="5"> <tr> <td>ここにテキストor画像</td> </tr> </table> |
<table
border="5"> <tr> <td>サンプル１</td><td>サンプル２</td></tr> <tr> <td>サンプル３</td><td>サンプル４</td> </tr> </table> |
| ||||
| 箇条書き | <ul> <li>１番目の内容 <li>２番目の内容 </ul> |
<ul> <li>サンプル１ <ol> <li>サンプル２ <li>サンプル３ </ol> <li>サンプル４ <li>サンプル５ </ul> |
|