7.3 CSS使用例


使用例

以下に、HTMLのタグ、<H1> と <P>に対して書式を指定する例を示します。 

     <HTML>
     <HEAD>
     <TITLE>「ホームページ講座」見本</TITLE>
     <STYLE type="text/css">
     <!--
     H1{
            background:#FF0000;
            color:#FFFFFF;
            padding:3px;
     }
     P{line-height:1.8;}
     -->
     </STYLE>
     </HEAD>
     <BODY BACKGROUND="./buhin/kabe9.gif">
     <HR>>
     <h1>江木 鶴子のホームページ</h1>
     <h2> Welcom! ようこそ！ </h2>
     これは、私の「最初のホームページ」です。
     <br>
     今からホームページを作りはじめます。
     これは最も簡単なページの例ですが、今からどんどん良くなりますから期待して下さい。
     <p>
     私は、どんなページを作ろうかと考え中です。
     <p>
     <img src="hal.jpg">
     <img src="hal2.jpg">
     <img src="hal3.jpg">

     </body>
     </HTML>

この例では、<H1>タグに次の３つの属性が定義してあります。

さらに、<p>には、次の定義がされています。

これを表示すると、次のようになります。ここ

「ホームページ講座」
連絡先：egi@ube-c.ac.jp