HTMLタグ＆CSS辞典

HTML4.01及びCSS3のタグリファレンスです。主によく使う頻度の高いタグを中心に解説をしています。項目の追加や更新は随時行っていきます。

HTMLタグ

HTML基礎

HTMLとは？

タグの基本と使い方

要素の分類

CSS基礎

CSSとは？
外部ファイルにまとめて設定する場合
ページ内にまとめて設定する場合
要素に直接指定する場合
CSSの書き方
書式の基本
クラス名を使った指定
IDを使った指定
子孫セレクタ、子セレクタ
全称セレクタ

ページ全般

<div>

<span>

テキスト

<h1>-<h6>
<p>
<br>
<font size="" color="">
<b>
<strong>
<em>
<u>
<blockquote>

リンク

<a href="">

<a href="#">

<a href="url#">

<a href="mailto:address">
リスト

<ul><li>

<ol><li>
画像

<img src="" alt="">

<img src="" alt="" align="">

<br clear="">

テーブル

<table><tr><td><th>
<table border="">
<table cellspacing="">
<table cellpadding="">
<table width="">
<tr align="" valign=""><td align="" valign="">
<td width="" height="">
<td colspan="" rowspan="">
<table bgcolor=""><tr bgcolor=""><td bgcolor="">

CSS

ページ全般

background-color: ***;
background-image: url(***);
background-repeat: ***;
background-position: ***;
margin: ***;

ボックス

width: *; height: *;
padding: ***;
border-width: *; border--width: **;
border-color: *; border--color: **;
border-style: *; border--style: **;
border: *; border-: **;
float: ***;

文字

color: ***;
font-size: ***;
font-weight: ***;
font-style: ***;
font-family: ***;
text-decoration: ***;
text-align: ***;
vertical-align: ***;

リンク

text-decoration: none;

border-bottom: ***;

リスト

list-style-type: ***;
list-style-position: ***;
list-style-image: url(***);
margin: *; padding: *;
display: inline;

画像

border: ***;
width: *; height: *;
vertical-align: ***;
float: ***;
margin: ***;
clear: ***;

表

width: *; height: *;
border: ***;
text-align: *; vertical-align: *;
padding: ***;
background-color: ***;
background-image: url(***);
float: ***;
margin: ***;