HTMLとCSS-これらは違いです
HTMLとCSSは密接に関連していますが、違いは何ですか? 以前は、ホームページは完全にHTMLで作成されていました。 今日、いわゆる「カスケードスタイルシート」は、「ハイパーテキストマークアップ言語」(HTML)で作成された構造からデザインを分離します。
HTML-構造とコンテンツの言語
ホームページを作成し、HTML経由でコンテンツをページに取り込みます。 テキスト、画像、テーブルなどの構造は、HTMLファイルを使用して統合されます。 HTMLはさまざまなタスクを引き受けます。
- HTMLファイルでは、最初にドキュメントタイプを宣言します。 これは、使用しているHTMLバージョンを示します。
- 次のヘッド領域-ヘッド-では、リンク先のCSSファイルなどの技術的な詳細を指定します。 ここでブラウザのタブに表示されるタイトルを定義することもできます。
- HTML本文には、Webサイトのコンテンツが含まれます。 ホームページに追加したすべてのテキストと画像は、ここで終了します。 異なる階層の段落と見出しでテキストを構成します。
- たとえば、次のコマンドを使用して、優先度が最も高いヘッドライナーをフォーマットできます。
一次見出しに。 コマンドでさらに見出しを構成します
。
など。これらのコマンドは、HTMLヘッドで定義されたCSSファイルに直接関連しています。
CSS-ホームページの形と色
HTMLとは異なり、CSSファイルはWebサイトに動的コンテンツをもたらしません。 これを使用して、ブラウザがテキストと画像を表示する方法を決定します。 また、CSSを使用して、ホームページの基本構造を設計します。
- マージン、背景、フッターまたはヘッダーは、カスケードスタイルシートで作成されます。 たとえば、ブログの場合、ページを2列に分割します。 1つは投稿用、もう1つはリンク、ウィジェット、または固定情報用です。
- また、CSSファイルを使用して、固定テキスト形式を定義します。 HTMLファイルに見出しを付ける
と
定義すると、最初は変更されません。 次に、これらのコマンドにCSSのフォームを与えます。たとえば、
フォントサイズ16および
14社。
CSSファイルなしでホームページを作成することもできます。 ただし、CSSの利点は、1回の変更でホームページ全体のデザインを変更できることです。 見出しを拡大したい場合、形式は十分です