初心者大歓迎！HTMLを使って一緒にHP作成してみませんか？

　「見出しタグは使い勝手が悪い、って思ってるけど、
　　　　スタイルシートを使えばレイアウトを変えられるのよ。」

　「赤字の「舌切りすずめ」は　<H1>〜</H1>　タグで囲んでいるのよ。
　　　　文字の大きさや色も変わっているし
　　　　行間もなくなっているでしょう。
　　　　下のソースをコピペして使ってね☆」

　「な、なんか難しそう・・・。」


　「ふふふ、じゃあかんたんに説明するわね。
　　　　まず　<H1>〜</H1>　の開始タグの中に
　　　　STYLE="■"　っていう見慣れないタグが入っているわね。
　　　　この■の中に、見出しタグのレイアウトをどうするかが書かれているのよ。」


　「：　とか　；　とかいっぱいでややこしいなぁ。」


　「そうね。　属性と属性値　って覚えてるかしら？
　　　　あれは　属性="属性値"　という形で入力したわね？
　　　　属性をいくつも入れるときは半角スペースで区切ったでしょう？
　　　　この　=（イコール）　にあたる部分が　：（コロン）
　　　　半角スペースに当たる部分が　；（セミコロン）　なの。」


　「ふむふむ。」


　「左から順に
　　　　font-size:16px;　が文字の大きさを16ピクセルに
　　　　color:red;　が文字の色を赤に
　　　　margin:0px;　が見出しと本文との空白を0ピクセルに
　　　　と指定しているのよ。」


　「青字の部分は自分の好きなように変えられるんですね。」


　「そう。色はもちろんカラーコードを使ってもOKよ。
　　　　文字の大きさで使える単位にはこんなものがあるわ。」

　「どんな風に表示されるかは実際に使って試してみてね☆」






↑ページのTOPへ

スタイルシートってなに？ <<<　前のちょこっとCSSへ戻る

リンク文字の下線を消そう 次のちょこっとCSSへ進む　>>>

見出しを指定しよう <<<　関連ページへ戻る

サルでもわかる？かんたんHTML　トップページ 　>>>　さるぢえ集 　>>>　見出しのレイアウトを変えよう