Q＆A形式で学ぶHTML,CSS講座 

Q＆A形式で学ぶHTML,CSS講座 VOL 15

■------------------------------------------------------------------------
　　ホームページ作成 いまさらHTML,CSS講座【Q＆A形式で学ぶHTML,CSS講座】
■------------------------------------------------------------------------

        
■ VOL 15
--------------------------------------------------------------------------
ご購読ありがとう御座います。
--------------------------------------------------------------------------

当メールマガジンでは、ホームページ作成において、必要な知識や、HTML、CSSを
Q＆A形式で学ぶ事が出来ます。



■HTML4.01編
--------------------------------------------------------------------------
■見出し要素
--------------------------------------------------------------------------

文字で何かを伝える時に、その内容が大まかに分るように『 見出し 』をつけます。
ホームページを作成する場合もそれと同じく『 見出し 』要素があります。

参考URL
http://homepagelecture.web.fc2.com/imasara_html/h1.htm


--------------------------------------------------------------------------
それでは、以下の問いにチャレンジしてみて下さい。
--------------------------------------------------------------------------

<h1>見出しとは</h1>
<h2>見出しとは</h2>
<h3>見出しとは</h3>
<h4>見出しとは</h4>
<h5>見出しとは</h5>
<h6>見出しとは</h6>

Q1
HTMLでは1から6まで6段階の見出し（Heading）要素がありますが、最も重要と
される見出し要素は何でしょう。

Q2
見出しの前後に自動的に空白の行が挿入されますが、空白行を無効にする事は
できるでしょうか？

--------------------------------------------------------------------------

以下、答えになります。

A1
h1要素（レベル1）がもっとも重要な要素になり、数字が大きくなると順に重要度が
下がります。

A2
スタイルシートで可能です。

スタイルシートを、head要素に記述する場合。

<style type="text/css">
<!--
h1{
　　margin-top: 0;
　　margin-bottom: 0;
　　}
-->
</style>

上記のように、上下のマージンの値を「0」で指定する事により可能です。
また、font-size: 12px; のように、font-sizeプロパティで、フォントサイズを
指定する事も出来ます。

今回は以上です。次回は、段落 についてQ＆Aを作成します。

お疲れ様でした。

最後までお読み頂き、ありがとう御座います。

本講座は、「いまさらHTML,CSS講座」をベースに作成しています。
先に進みたい方は、以下URLをご参照下さい。

いまさらHTML,CSS講座
http://homepagelecture.web.fc2.com/

ホームページで使えそうな写真素材の配布を開始しました。加工自由のフリー素材
ですので、良かったらお使い下さい。
http://homepagelecture.web.fc2.com/material_index.htm

配信解除はこちら。
http://homepagelecture.web.fc2.com/mail_magazine.htm

• 前の記事
• 最新の記事
• 次の記事

規約に同意して

登録した方には、まぐまぐの公式メルマガ（無料）をお届けします。