Home
HTML
CSS
Color chart
HTML CSS リファレンス
文章の基本
テキスト
ページの配置
イメージ
リンク
フォーム
テーブル
XHTML
ブロックレベル要素とインライン要素
HTML/XHTMLのバージョンを宣言する。
<DOCTYPE〜>
文書の構造を定義する。
<html> <head> <body>
初期情報を指定したい。
<meta http-equiv="★" content="◆">
文書情報を記述したい。
<meta name="★" content="◆">
文書にタイトルを付けたい。
<title>〜<⁄title>
問い合わせ先を示したい。
<address>〜<⁄address>
特定の範囲を指定したい。(ブロックレベルでの指定)
<div>〜<⁄div>
特定の範囲を指定したい。(インラインでの指定)
<span>〜<⁄span>
見出しを設定したい。
<h1〜5...>〜<⁄h1〜5...>
段落を設定したい。
<p>〜<⁄p>
改行させたい。
<br>〜<⁄br>
強調したい。
<em>〜<⁄em>
<strong>〜<⁄strong>
横罫線を表示させたい。
<hr>〜<⁄hr>
番号付きのリストを作りたい。
<ol>
<li>〜<⁄li>
<⁄ol>
リストを作りたい。
<ul>
<li>〜<⁄li>
<⁄ul>
画像を表示させたい。
<img src="★" alt="★">
画像の表示サイズを指定したい。
<img src="★" width="★" height="★">
リンクを指定したい。
<a href="★">
リンクを利用してメールを送信したい。
<a href="★">
指定した場所にジャンプしたい。(同一ページ内リンク)
<a href="#★">
<a name="◆">
入力フォームを作りたい。
<form action="★" method="★">〜<⁄form>
一行のテキストボックスを作りたい。
<input type="★" >
複数行のテキストボックスを作りたい。
<textarea >〜<⁄textarea>
送信ボタンを作りたい。
<input type="submit" ★>
<input type="reset" ★>
リセットボタンを作りたい。
<input type="radio" ★>
チェックボックスを作りたい。
<input type="checkbox" ★>
プルダウンメニューを作りたい。
<select ★>
<option ★>〜<⁄option>
<⁄select>
表(テーブル)を作りたい。
<table border="★">
<tr>〜<⁄tr>
<td>〜<⁄td>
<⁄table>
セルの間隔や余白を指定したい。
<table border="★" cellspacing="★" cellpadding="★">
行や列に見出しを付けたい。
<th>〜<⁄th>
セルの内容の位置を指定したい。
<tr align="★" valign="★">〜<⁄tr>
<td align="★" valign="★">〜<⁄td>
<th align="★" valign="★">〜<⁄th>
横方向のセルを連結したい。
<td colspan="★">〜<⁄td>
<th colspan="★">〜<⁄th>
縦方向のセルを連結したい。。
<td rowlspan="★">〜<⁄td>
<th rowlspan="★">〜<⁄th>
文字参照
XHTML文書として定義する。
<?xml version="★" encoding="★"?>
<html xmlns= "http://www.w3.org/1999/xhtml" xml:lang="★" lang="★">
終了タグ。
<要素名 ⁄>
CSS
テキスト
フォント
色と背景
ボックス
ボックス2
配置と表示
CSS (Cascading Style Sheets)
擬似クラス
HTML文書への適用方法
行揃えの指定したい。
text-align: ★;
行の高さを指定します。
line-height: ★;
文字の垂直位置を指定します。
vertical-align: ★;
フォントサイズの種類
フォントを指定したい。
font-family: ★;
フォントサイズを指定したい。
font-size: ★
文字色を指定したい。
color: ★;
ボックスの概念
背景色を指定したい。
background-color: ★;
背景画像を指定したい。
background-image: ★;
背景画像の繰り返し方法を指定したい。
background-repeat: ★;
背景画像を固定したい。
background-attachment: ★;
背景画像の位置を指定したい。
background-position: ★;
背景のプロパティを一括指定したい。
background: ★ ▲ ■ ● ◆;
マージンを個別で指定したい。
margin-top: ★;
margin-right: ★;
margin-bottom: ★;
margin-left: ★;
マージンを一括して指定したい。
margin: ★;
パディングを個別で指定したい。
padding-top: ★;
padding-right: ★;
padding-bottom: ★;
padding-left: ★;
パディングを一括して指定したい。
padding: ★;
内容領域の幅と高さを指定したい。
width: ★;
height: ★;
ボーダーの幅を個別に指定したい。
border-top-width: ★;
border-right-width: ★;
border-bottom-width: ★;
border-left-width: ★;
ボーダーの幅を一括して指定したい。
border-width: ★;
ボーダーの色を個別に指定したい。
border-top-color: ★;
border-right-color: ★;
border-bottom-color: ★:
border-left-color: ★;
ボーダーの色を一括して指定したい。
border-color: ★;
ボーダーの種類を個別に指定したい。
border-top-style: ★;
border-right-style: ★;
border-bottom-style: ★;
border-left-style: ★;
ボーダーの種類を一括して指定したい。
border-style: ★;
個別のボーダーごとにプロパティを一括して指定したい
border-top: ★ ● ▲;
border-right: ★ ● ▲;
border-bottom: ★ ● ▲;
border-left: ★ ● ▲;
ボーダーのプロパティを一括して指定したい。
border: ;★ ● ▲
回り込みの指定と解除をしたい。
float: ★;
clear: ★;
要素の表示形式を指定したい。
display: ★;
配置方法を指定したい。
position: ★;
要素の重なる順序を指定したい。
z-index: ★;
内容があふれる場合の表示方法の指定したい。
overflow: ★;
クリアフィックス
clearfix