| ページ作成に必要なタグ | 書き方 |
|---|---|
| タイトルの設定 | <title>文字列></title> |
| 背景色の設定 | <body bgcolo="色>"</body>16色以外はカラーコード <body bgcolor=”#カラーコード"></body> |
| 文字色の指定 | <body text=”色></body> |
| 段落の設定 | <p>文字列><div>文字列<t/div> |
| 改行 | <br><br clear=”all”>終了タグは必要ない。 |
| 区切り線の設定 | <hr size=”線の太さ" width="線の長さ(%)”> |
| 文字の装飾に必要なタグ | 書き方 |
| 見出しの設定・位置 | <h1~h6></h1~h6><h1~h6 align=” ></h1~h6> |
| フオントサイズ | <font size=”サイズ”> </font >( サイズは1^7) |
| フオント名 | <font face=”フオント名"> </font> |
| 色 | <font color=”色"></font> |
| 太字 | <font color=”色"></font> |
| 斜体 | <I>文字列</I> |
| 下線 | <u>文字列</u> |
| 文字列のスクロール | <marquee>文字列</marquee>>(HTML5では作動しません) |
| レイアウトを設定するタグ | 書き方 |
| 段落の区切りと位置の設定 | <p align=”left center right”> </p> <div align=”left center right”></div> |
| 空白や改行を記述の通り表示 | <pre>文字列</pre> |
| リスト 番号が付かない | < ul><文字列<</ul> |
| 番号が付く | <ol><li>文字列</ol> |
| 記号の種類 | [disk] [circle] [square] |
| 画像の挿入に関するタグ | 書き方 |
| 画像の大きさを指定する | <img src=”画像名.jpg”width=”幅" height="高さ"> |
| 画像の枠を設定する | <img src=”画像名.jpg”border="枠の太さ”> |
| 文字列の回り込み | <img src=”画像名.jpg” align=”left center right”> |
| 画像と画像名の位置 | <img src="画像名.jpg”align=" top middle bottm"> |
| 余白の設定 左右・上下 | <img src=”画像名.jpg”hspace="間隔数"> <img src=”画像名.jpg”vspace="間隔数"> |
| リンクを設定するタグ | 書き方 |
| <ページ間のリンク | <a href=" リンク先>文字または画像</a> |
| ページ内の特定部分> | <a href=”#リンク先”>文字または画像</a> <a name=”参照名”>>文字または画像></a>> |
| 電子メールアドレス | <a href=mailto:電子メールアドレス>文字列</a> |
| 他のホームページへリンク | <a href=”URL”></a> |
| リンクを示す色 | <body link=”色"vlink=”色"alink=”色"> |
| 表に関するタグ | 書き方 |
| 表の作成 | <table border><tr><td>文字列</td> <tr></table> |
| 表の大きさ | <table width=”表の横幅”> |
| 表の位置 | <table align=”位置”></table> |
| 表の見出し | <th>文字列</th> |
| 表のタイトル | <caption>文字列</caption> |
| セルの高さ | <td height=”セルの高さ”>文字列</td> |
| セルの縦の結合 | <td rowspan=”セル数”>文字列</td> |
| セルの横の結合 | <td colspan=”セル数”></td> |
| セルの余白 | <table cellpadding=”セル内の余白”>表の中身</table> |
| 表の枠の太さ | <table border=”枠の太さ”>表の中身</table> |
| セルの背景色 | <td bgcolor="色”>セルの内容</td> |