コピーして作る、ホームページホームページコピーして作る、ホームページweb拍手HTMLファイルとスタイルシートスタイルシートを使うメリットHTMLファイルは、ウェブページとして表示するファイルです。<>で囲まれた、タグにしたがって、文字や背景の色をかえたり、枠線を引いたり、画像を表示したり、リンクを張ったりすることができます。スタイルシートは、表示のスタイルを決めるファイルです。表示する内容は、含まれていません。HTMLファイルより、細かく表示方法を設定することができます。一つのスタイルシートを、いくつものHTMLファイルで、使うことができます。スタイルシートを書き換えさえすれば、たくさんのページを一度に模様替えすることも、簡単にできるようになります。ファイルの名前HTMLファイルと、スタイルシートの、名前のつけかた。HTMLファイルの名前は、好きなようにつけられます。拡張子は、htmlです。)スタイルシートの名前は、好きなようにつけられます。HTMLファイルの構造HTMLファイルは、ヘッダとボディでできているHTMLファイルは、<html>で始まり、</html>で終わります。<html>と、</html>は、どんなファイルなのかを書くヘッダと、表示する内容を書くボディで、できています。ヘッダは、<head>で始まり、</head>で終わります。ヘッダに続けて、ボディを書きます。ボディは、<body>で始まり、</body>で終わります。スタイルシートHTMLファイルに、スタイルシートを使うと書き込む。スタイルシートを使うHTMLファイルには、<head>と</head>の間の部分に、これを加えます。type="text/css">スタイルシートのファイル名が、test.cssであれば、こうなります。表示内容↓-->この部分が、表示されます。改行する箇所には、<br>タグを使います。これは注釈で、表示されません。いくつもあるファイルである。間に、文字色はこれ、背景色はこれと、いくつもの設定をすることができます。それぞれの設定は、;で終わります。HTMLのタグを指定するか、任意の名前をつけるか、その両方をします。HTMLのタグを関連づけて、そのタグを、その設定で表示する。}の前にタグを書くと、そのタグに設定が反映されます。}とした場合、<body>から、タグの終了の</body>までに、その設定が反映されます。}に、複数のタグを指定することもできます。(カンマ)を入れます。書き込むことができます。任意の名前を指定した場合、HTMLファイル内で、その設定をしたい部分に、この設定を使うと書き込むのです。そのタグの終わりの部分まで、設定が反映されます。それ以外の部分には、反映されません。(ピリオド)に続けて、名前を書きます。名前として使えない言葉もいくつかありますので、注意してください。}HTMLファイル内で、この設定を使いたい時には、設定を使いたいタグに、class="名前"を追加します。class="natu">〜</p>このタグの有効範囲内(この場合、</p>まで。名づけられたスタイルが反映されます。<p>は、一かたまりの文章のためのタグです。他のタグにも、このharuというスタイルを使うことができます。スタイルに名前をつけ、タグも指定するタグと名前を指定した場合と同じように使いますが、指定したタグにのみ、設定が反映されます。}これは、<p>専用になります。ただの<p>にも、<p>以外のタグにとっても、この設定は反映されません。class="haru">〜</td>スタイルの省略や、重複スタイルシートは、かなりの部分を省略できます。同じ設定を二度書いてしまうと、後だし優先になります。書き間違いなどがあると、おおむね無視されるだけで、エラーにはなりません。}↑この場合、一度目の設定の背景の色は、そのまま有効になります。いう設定は反映されません。class="haru">とした場合のみ、文字の色2が使われますが、背景の色は1のままです。class="natu">とした場合は、文字の色が1で、背景の色が2になります。実際のHTMLファイル実際のCSSファイルHTMLファイル拡張子がhtmlで、ファイルが<html>で始まり、</html>で終わるのが、HTMLファイルです。ホームページであれば、[index.html]です。この部分が、スタイルシートを使うという宣言です。表示内容↓-->この部分が、表示されます。改行する箇所には、<br>タグを使います。これは注釈で、表示されません。--></body></html>上のファイルを表示すると、次のように表示されます。改行されるのは、<br>の部分だけです。いう名前で、保存してください。名前は仮のものですが、スタイルシートの拡張子は、cssです。これがスタイルシートです。HTMLファイルの、この部分が、使用するスタイルシートのファイル名です。文字色や背景色を、設定してあります。保存してから、HTMLファイルを表示してみてください。*/で囲まれた部分です。***/スタイルシートを作ってから、HTMLファイルを表示したところSEO。