HTMLタグ一覧表 CSS一覧表

ＨＴＭＬタグ一覧表
区分
タグ
項番
記事
バージョン
<!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
装飾
ＣＳＳ
</style>
8
9
</head>
10
<body>
11
本文
12
</body>
13
</html>
14
15
背景色
<body style="background-color: #FFFF99">～</body>
淡黄
水平線１
<hr style="text-align: left; height: 10px; width: 90%; color: #808080">
(空タグ)
16
水平線２
<hr class="style5">
17
水平線３
<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>食事：１日２回</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
～：文字列又は入れ子タグ
ＣＳＳ一覧表
区分
ＣＳＳ
項番
記事
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
水平線２
.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
水平線３
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>

Download Report