CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00〜PM7:00
| ホーム |
| 無料講座 | Dreamweaver編 | HTMLファイルとXHTML/ CSS |
10.HTMLファイルとXHTML/ CSS

【HTMLファイル】
ホームページを構成するベースとなる文書ファイルです。
画面に表示するテキスト情報や、画像ファイルの名前、表示する大きさ、位置などが書かれています。
また、リンクや様々な機能を、埋め込み情報として記述できます。

xhtmlよりも「ゆるやか」で、例えば段落を示す<p></p>というタグは大文字の<P></P>でもよい、など、どちらでもよいというあいまいな部分がありました。

HTMLファイルソースの表示画像

xhtmlが出てくる前は、「css」背景色やテキスト間・画像間などの余白なども全てhtml上で指定をしていました。

構造はXHTML(新世代のHTML)でデザインはCSS(スタイルシート)で記述します。

新世代のHTMLで、より「厳しい」表記となっています。先ほどの例を挙げれば、必ず小文字の<p></p>でなければなりません。タグの書き方のルールが厳しい表記のため、ブラウザ間での解釈の相違が少ないというメリットがあります。FirefoxやSafariなどの様々なブラウザが出現し、ユーザーの閲覧環境が多様化している現在、これは重要です。

【XHTMLファイル】
こちらで目に見える「テキスト」「画像」を書き込みます。どんなモノを置くか、の決定ですね。

XHTMLファイルソースの表示画像

【CSSファイル】
置いたモノを「どこに」「どうやって」配置するかというデザインは、CSS(スタイルシート)で記述します。
画像の上下左右に何pxのスペースを空けるか?テキストの色や大きさは?背景画像は繰り返すか繰り返さないか?こういったデザインを全てcssで管理するのです。

CSSファイルのソースの画像

xhtmlファイルとcssファイルを組み合わせてwebサイトを作ることで、管理が後々非常に楽になります。

もどる すすむ

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら
何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00〜PM7:00
| ホーム |
| 無料講座 | Dreamweaver編 | HTMLファイルとXHTML/ CSS |

| 繝帙シ繝繝壹シ繧ク蛻カ菴 莠ャ驛ス縺ョ繝帙シ繝繝壹シ繧ク菴懈舌ッ繝ェ繝・繧ヲ繝

CSS
縺雁撫蜷医○縺ッ縺薙■繧峨°繧峨TEL 075-257-4588 蝟カ讌ュ譎る俣縲AM10:00ス霸M7:00
| 繝帙シ繝 |
| 404 Not found |

404 Not found

縺頑爾縺励ョ繝壹シ繧ク縺ッ隕九▽縺九j縺セ縺帙s縺ァ縺励◆縲ゅい繝峨Ξ繧ケ縺碁&縺」縺ヲ縺繧九°縲√壹シ繧ク縺悟炎髯、縺輔l縺溷庄閭ス諤ァ縺後#縺悶>縺セ縺吶

<< PAGE TOP >>

BACK UP 蛻晏ソ閠縺ァ繝帙シ繝繝壹シ繧ク繧定縺医※繧峨l縺ヲ繧区婿縺ク

迢ャ閾ェ繝阪ャ繝医す繝ァ繝繝励d讌ス螟ゥ繧キ繝ァ繝繝励サYAHOO繧キ繝ァ繝繝鈴°蝟カ縺輔l繧句晏ソ閠縺ョ譁ケ繧ゅ∫┌譁吶〒縲∬ヲェ蛻縺ォ繧「繝峨ヰ繧、繧ケ縺縺溘@縺セ縺吶
シウシ・シッ繝サ譛域ャ。譖エ譁ー繝サ繝ェ繝九Η繧「繝ォetc

繝帙シ繝繝壹シ繧ク蛻カ菴懊ョ莠九↑繧

菴輔〒繧ゅ♀蝠丞粋縺帙¥縺縺輔>縲
縺雁撫蜷医○繝輔か繝シ繝縺ッ縺薙■繧峨°繧

繝帙シ繝繝壹シ繧ク菴懈舌ッ莠ャ驛ス縺ョ繝ェ繝・繧ヲ繝譬ェ蠑丈シ夂、セ

莠ャ驛ス蟶ゆクュ莠ャ蛹コ讖句シ∵カ逕コ222逡ェ蝨ー
繝偵Λ繧、繝薙Ν3髫

TEL 075-257-4588
蝟カ讌ュ譎る俣 AM10:00-PM7:00

縺雁撫蜷医○縺ッ縺薙■繧峨°繧峨TEL 075-257-4588 蝟カ讌ュ譎る俣縲AM10:00ス霸M7:00
| 繝帙シ繝 |
| 繝壹シ繧ク縺瑚ヲ九▽縺九j縺セ縺帙s縺ァ縺励◆ |
CSS
Ryuumu

CSS
Ryuumu