切り貼りHTML
切り貼りHTMLについて
ホームページに組み込めるHTMLソースとCSSソースのセットを公開しています。
htmlファイル、cssファイルの2つにソースに組み込むだけで使えるよ。
ためしに使いたい方はぜひ、こちらのHTML入門キットを使って試してみて下さい。
CSSファイルを作ろう
切り貼りHTMLを使うには、htmlファイルとcssファイルが必要です。cssファイルを作るのはとてもカンタン。htmlファイルと同様に、新規でメモ帳を作成して、「styles.css」という名前で保存し直そう。
htmlファイルに、CSSファイルを読み込ませる
まず、<head>タグのすぐ下に、
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>~</title>のすぐ下に、
<link href="styles.css" rel="stylesheet" type="text/css" />
上の準備が出来たら、さっそく切り貼りしよう。サンプルコードをコピー&ペースト。
例えば、
赤い太字の見だし
と表示させたいなら、
htmlファイルの表示させたいところに、
<h3 class="moji-red">赤い太字の見だし</h3>
styles.cssファイルに、
.moji-red {
color:#990000;
font-weight: bold;
}
color:#990000;
font-weight: bold;
}
と言った具合に書こう。