本文へスキップ

WEBコーディングを学ぶためのページです。

電話でのご予約・お問い合わせはTEL.

HTML

HTML/CSS

HTLMLファイルとCSSファイルを作成してサーバーにアップロードするだけではスタイルシートの指示が反映されません。HTMLファイルへスタイルシートが反映させるための、関連づけするリンクタグを<head>タグ内へ記述します。

HTMLとCSSの関係 

<link>
rel
href
type
外部スタイルシートをHTML文書に読み込む。(スタイルシート)
書式 <link rel="stylesheet" href="外部スタイルシートのURL" type="text/css">
<style>
type
<head>タグ内に<style>タグを使用して、タグにスタイルを指定する。(スタイル要素)
書式
<style type="text/css">
・・・
</style>
<div>
style
class
id
HTML文書内で、要素をボックス要素にグループ化して、スタイルを設定する。
書式 <div style="プロパティ:値;プロパティ:値;・・・;プロパティ:値">〜</div>
書式 <div class="クラス名">〜</div>
書式 <div id="ID名">〜</div>
<span>
style
class
id
HTML文書内で、要素をインライン要素にグループ化して、スタイルを設定する。
書式 <span style="プロパティ:値;プロパティ:値;・・・;プロパティ:値">〜</span>
書式 <span class="クラス名">〜</span>
書式 <span class="ID名">〜</span>
HTMLタグ
style
class
id
スタイルを設定したいタグに直接記述する。
書式 <タグ style="スタイルの設定">・・・</タグ>
書式 <タグ class="クラス名">・・・</タグ>
書式 <タグ Id="ID名">・・・</タグ>


スタッフ写真

サイト運営

WEBコーディング基礎

inserted by FC2 system