HTML タグ一覧
文字
| 文字サイズを指定する |
| <font size="4">あいうえお</font> → あいうえお※サイズは1〜7の７段階 |
| 文字の色を指定する |
| <font color="blue">あいうえお</font> → あいうえお |
| 太字 |
| <b>あいうえお</b> → あいうえお |
| 斜体 |
| <i>あいうえお</i> → あいうえお |
| 取り消し線 |
| <s>あいうえお</s> → |
| 下線 |
| <u>あいうえお</u> → あいうえお |
ページ設定
| 背景の色を指定 |
| <body bgcolor="blue"> |
| 背景に画像を指定 |
| <body background="abc.jpg"> |
| 文字の色を指定 |
| <body text="blue"> |
画像
| 画像を表示 |
| <img src="abc.jpg"> |
| サイズを指定 |
| <img src="abc.jpg" width="100" height="50">※width:横幅 height:高さ |
| 枠線を指定 |
| <img src="abc.jpg" border="5"> |
| 余白を指定 |
| <img src="abc.jpg" vspace="10" hspace="20">※vspace:上下の余白 hspace:左右の余白 |
リンク
| リンクを作成 |
| <a href="abc.html"> |
| リンク先を新しいウィンドウで表示 |
| <a href="abc.html" target="_blank"> |
| メールアドレスを指定 |
| <a href="mailto:abc@def.com"> |
テーブル（表）
| テーブルの基本形 |
|
<table> <tr><td>・・・</td><td>・・・</td></tr>※<tr>・・・</tr>:一行 <td>・・・</td>:セル（１マス） </table> |
| テーブルの背景の色を指定 |
| <table bgcolor="blue"> |
| テーブルの背景に画像を指定 |
| <table background="abc.jpg"> |
| 枠線の色を指定 |
| <table bordercolor="blue"> |
| 枠線の幅を指定 |
| <table border="5"> |
| セルのサイズを指定 |
| <td width="20" height="10">※width:横幅 height:高さ |
| セルの間隔を指定 |
| <table cellspacing="10"> |
| セル内の余白を指定 |
| <table cellpadding="10"> |
| セルの背景の色を指定 |
| <td bgcolor="blue"> |
| セルの背景の色を指定（横一行） |
| <tr bgcolor="blue"> |
| セルの背景に画像を指定 |
| <td background="abc.jpg"> |
| セルの背景に画像を指定（横一行） |
| <tr background="abc.jpg"> |
| 縦方向にセルを連結 |
| <td rowspan="2">※何個のセルを連結するかを指定 |
| 横方向にセルを連結 |
| <td colspan="2">※何個のセルを連結するかを指定 |
レイアウト
| 改行 |
| <br> |
| 段落 |
| <p> ・・・・・(文章) </p> |
| センタリング（中央寄せ） |
| <center>あいうえお</center> |
| ライン |
| <hr> |
フレーム
| 横に分割 |
| <frameset cols="20%,80%"> ※分割する数のぶん指定する。例：3分割の場合 cols="10%,20%,70%" |
| 縦に分割 |
| <frameset rows="10%,90%"> |
| ページの左右の余白を指定 |
| <frame src="a.html" marginwidth="10"> |
| ページの上下の余白を指定 |
| <frame src="abc.html" marginheight="20"> |
| 境界線を非表示 |
| <frame src="abc.html" frameborder="no"> |
| 境界線を固定 |
| <frame src="abc.html" noresize> |
| 境界線の色を指定 |
| <frame src="abc.html" bordercolor="blue"> |
