切り貼り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;
}

と言った具合に書こう。

アイテム

  • タスクバーにフォルダのショートカット
  • warabimochi.jpg
  • 016.jpg
  • suikozu1.jpg
  • 015.jpg
  • 014.jpg
  • 013.jpg
  • 012.jpg
  • 011.jpg