HTMLタグ一覧表 CSS一覧表

HTMLタグ一覧表
区分
タグ
項番
記事
バージョン
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
1
2
<html>
3
構造
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
5
<title>タグ一覧表</title>
<style type="text/css">
6
7
装飾
CSS
</style>
8
9
</head>
10
<body>
11
本文
12
</body>
13
</html>
14
15
背景色
<body style="background-color: #FFFF99">~</body>
淡黄
水平線1
<hr style="text-align: left; height: 10px; width: 90%; color: #808080">
(空タグ)
16
水平線2
<hr class="style5">
17
水平線3
<hr>
18
段落
<p>~</p>
19
改行
<br>
(空タグ)
20
表
<table width="180">
21
行<tr>
<tr><td class="style2">~</td><td class="style2">~</td></tr>
22
セル<td>
<tr><td class="style2">~</td><td class="style2">~</td></tr>
23
<tr><td class="style2">~</td><td class="style2">~</td></tr>
24
</table>
25
ブロック
<div>~</div>
26
表示位置
<center>~</center>
27
スパン
<span>~</span>
インライン
28
<p class="style1">~</p> style1、style2、style3
29 テキストの位置
サイズ
<p style="font-size: medium;">~</p> xx-small~xx-large
30
色
<p style="color: #FF0000; ">~</p>
赤
31
強調
<strong>~</strong> <b>~</b>
32
表題
<p class="style4">タグの使用例</p>
33
見出し
<h1>見出し</h1> h1~h6
34
オーダリスト
<ol>
35
<li>性別:オス</li>
36
<li>性格:温厚</li>
37
<li>食事:1日2回</li>
38
</ol>
39
<img src="dog_03.jpg" alt="犬の写真" style=" width: 320px; height: 240px">
40 イメージ(画像)
41 ハイパーリンク
<a href="http://***.html" target="_self">ファイル</a>
フレーム指定
42
target="_top"全体 target="_self"同一 target="_parent"親 target="_blank"新規
メールリンク
43
<a href="mailto:***@nifty.com">メールアドレス</a>
ブックマーク
<a name="TOP"></a>
アドレス
44
<a href="#TOP">TOP</a>
リンク
45
~:文字列又は入れ子タグ
CSS一覧表
区分
CSS
項番
記事
1
<style type="text/css">
2
個別指定
3
位置左
.style1 {text-align: left;}
デホルト
4
中央
.style2 {text-align: center;}
5
右
.style3 {text-align: right;}
6
位置、サイズ
.style4 {text-align: center;font-size: x-large;}
7
水平線2
.style5 {text-align: left;height: 7px;width: 90%;color: #808080;}
8
セルの罫線
.style6 {border-collapse: collapse;border: 1px solid #000000;text-align: center;}
9
位置
.style7 {border-collapse: collapse;border: 1px solid #000000;text-align: left;}
10
11
一括指定
12 表・セルの罫線
table,td {border-collapse: collapse;border-width: 0px; border-style: solid;
13
border-color: #000000; }
14
水平線3
hr{text-align: left;height: 10px;width: 90%;color: #808080;}
15
リンク
a:link { color:blue; }
16
a:visited { color:gray; }
17
a:hover { color:red; }
18
</style>