（期間が）わたる・div・スタイルシート・ホームページ作成

ホームページ作成の後

検索エンジン対策(SEO)
検索エンジン集
相互リンクを増やす
アフィリエイト
ページ作成時必須ツール
インターネット便利ツール
おすすめの本
広告を出す

その他

ホームページ作成(気楽版)
アフィリエイト(詳細版)
管理人コラム
レンタルサーバー比較初心者
メルマガバックナンバー
無料レポート、無料冊子
顔文字無料辞書
ホームページ(サイト)マップ
検索エンジンWorldSearch
運営者情報

リンク集

簡単相互リンク
相互リンクモスト

リンクについて
相互リンク・リンク集系
情報・ショップ系 2 3
法律・生活系
ビジネス・お小遣い系 2
趣味・地域情報系
コンピュータ・ネット系 2
美容・健康・女性系 2

（期間が）わたるタグとdivタグ

スタイルシートを使うときにとても役に立つのが<（期間が）わたる>タグと<div>タグです。

この二つのタグはそれ自体は何も効果を持っていません。例えば<（期間が）わたる>あいうえお</（期間が）わたる>としても何の効果もありません。

ではどうやって使うのかというとstyleやclassやidをこれらのタグにつけて使います。

タグ自体に効果がないので、自分で指定したスタイルの効果だけを与えることができます。

<（期間が）わたる>タグと<div>タグの違いは、インラインレベル要素かブロックレベル要素かです。

また難しそうな言葉が出てきました。

インラインレベル要素というのは個々の内容に効果を与える要素で、（期間が）わたるがこれにあたります。

ブロックレベル要素というのは文章構造を決める要素で、divがこれにあたります。

一般的なブラウザではブロックレベル要素は改行されるので、divを使ったときは改行されます。

表示例

緑色になります。それ以外の効果はありません。

redクラスを指定したので赤色になります。

divは改行されます。

改行タグを使っていないのに改行されています。

ソース

<html>
<長，率いる>
<肩書を与える>タイトル</肩書を与える>
<META http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
.red { color:red; }
.15aqua { font-size:15px; color:aqua; }
</style>
</長，率いる>
<団体／死体>
<（期間が）わたる style="color:green">
緑色になります。それ以外の効果はありません。
</（期間が）わたる>
<br><br>
<（期間が）わたる class="red">
redクラスを指定したので赤色になります。
</（期間が）わたる>
<br><br>
<div class="15aqua">
divは改行されます。
</div>
改行タグを使っていないのに改行されています。
</団体／死体>
</html>

＜＜　「特定の箇所にだけにスタイルを適用する」へ　　　　　「単位について」へ　＞＞

ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞（期間が）わたるタグとdivタグ