不動産屋さんを探そう!
[ 戻る ]

ホーム > Q&A集 > 12種類のタグ一覧


12種類のHTMLタグ一覧 ( 「不動産屋さんを探そう!」Q&A集 )

No. HTMLタグ 解説 組み合わせて使うタグや便利なタグ
1. <html>〜</html> 解説 <head>〜</head> 解説
<meta> 解説
<body>〜</body> 解説

2. <head>〜</head> 解説 <title>〜</title> 解説

3. <title>〜</title> 解説 ページのタイトル名を付ける
例:<title>不動産屋さんを探そう!</title>

4. <body>〜</body> 解説 text=color link=color vlink=color alink=color background=url urlの解説 bgcolor=color colorの解説 [ color ( 色番号 ) のサンプル ]

5. <table>〜</table> 解説 <tr>〜</tr> 解説 <td>〜</td> 解説
background=url urlの解説 bgcolor=color align=align alignの解説

6. <a>〜</a> 解説 href=url urlの解説 target=target targetの解説

7. <center>〜</center> 解説 <center>〜</center>で囲まれた文字や画像がセンターリングされます。
例:<center>OOO不動産へようこそ!</center>

8. <font>〜</font> 解説 color=color colorの解説 size=n face=font
例:<font color="#ff0000" size="+1" face="MS UI Gothic">不動産屋さんを探そう!</font>
実際の表示 >> 不動産屋さんを探そう!
ブルー書かれた部分「#ff0000」に入れる色番号のサンプル >> 色番号のサンプル

9. <b>〜</b> 解説 文字を太字にします。
例:<b>不動産屋さんを探そう!</b>
実際の表示 >> 不動産屋さんを探そう!

10. <img> 解説 src=url urlの解説 alt=alt width=n height=n border=n
例:<img src="http://fudou3link.net/banner.gif" border="0" width="88" height="31" alt="バナー">
実際の表示 >> バナー

11. <br> 解説 文字や画像が改行されます。
例:ようこそ!<br>いらっしゃいませ!
実際の表示 >>
ようこそ!
いらっしゃいませ!

12. <hr> 解説 width=n
横線を引きます。 例:<hr> 実際の表示 >>


解説のリンク先は「とほほのWWW入門」さんのページを利用させて頂いています。
HTML、CGI、CSS、java scriptなどの勉強などとても参考になるサイトだと思います。
( 自己責任でご利用下さい。参照、利用する場合には「とほほのWWW入門」さんの利用規約等に従って下さい。 )

以上12種類のタグを理解して使えるようになったら他のタグも組み込んで凝った ( 見た目 ) ホームページを作成することも可能になると思います。
またHTMLタグには始まりがあり終わりのタグ(「/」スラッシュ)で閉めると言う法則になっていて、項目10 〜 12のように始まりだけで成立するHTMLタグもあります。

実際に上記のHTMLタグを使用したサンプルリンク集を作ってみました。 >> サンプルリンク集!
サンプルリンク集!のHTMLタグはこのようになっています。 >> サンプルリンク集!のHTMLタグ

あくあでもサンプルや事例なので、自己の責任で行って下さい。