CSSとHTMLの違いは何ですか? CSSとHTMLの違いの比較

不言
リリース: 2018-08-28 15:06:40
オリジナル
8319 人が閲覧しました

フロントエンドを学習する際、htmlとcssの違いについてあまり知らない人も多いかもしれません。php中国語ウェブサイトの今日の記事は、必要な人のためにhtmlとcssの比較をまとめたものです。具体的な内容で。

CSS と HTML の違い:

1. まず、HTML を見てみましょう:

html は、ハイパーテキスト マークアップ言語である HyperTextMark-upLanguage の略称です。ドキュメントのコンテンツ構造を定義します。Web ページを構成する基本要素である画像、テキスト、ビデオなど、ユーザーが閲覧する必要があるコンテンツが含まれます。

html は Web ページの構造 (構造)、これには、 Frameset や iframe 、 div+css レイアウト、テーブル レイアウトなどのさまざまなフレームとレイアウトが必要で、基本的なフォーム、入力ボックス、入力ボックス タイプ、テキスト フィールドなどのフォーム送信 (HTML フォーム) もサポートします。 、リスト、ラベルなど。

HTML の構造は、Head と Body の 2 つの部分で構成されます。head にはブラウザが必要とする情報が記述され、body には説明する具体的な内容が含まれます。

HTML に関する小さな例を見てみましょう:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
ログイン後にコピー

その効果は次のとおりです:

CSSとHTMLの違いは何ですか? CSSとHTMLの違いの比較この例は、HTML の構造を明確に説明できます。 (関連おすすめ:

HTML中国語リファレンスマニュアル

2018フロントエンド入門_HTML5) htmlの基本的な内容を読んだ後は、やはりcssの基本的な内容を見てみましょう。 css と html の間 ^ _^

2. CSS をもう一度見てみましょう:

css は、W3C Association によって開発および発行された Web ページ レイアウト標準の略称です。 HTML 言語への参照 機能追加。

CSS は、HTML ドキュメントのスタイル、つまり Web ページ上の動的テキスト、テキストの色、フォント、アニメーション効果などの外観を定義するために使用され、これらはすべて CSS で実装できます。

CSS の主な目的は、Web ページ内のフォント、色、背景、画像、その他のさまざまな要素を制御し、Web ページがデザイナーの要件どおりに表示されるようにすることです。

以下の例に示すように:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.com)</title>
<style>
body
{
	background-color:#d0e4fe;
}
h1
{
	color:orange;
	text-align:center;
}
p
{
	font-family:"Times New Roman";
	font-size:20px;
}
</style>
</head>

<body>

<h1>CSS例子</h1>
<p>这是一个段落。</p>

</body>
</html>
ログイン後にコピー

その効果は次のとおりです:


CSSとHTMLの違いは何ですか? CSSとHTMLの違いの比較 上記の効果は、CSS の使用を非常に明確に示しています。 (関連お勧め:

CSS ビデオチュートリアル - 翡翠少女般若心経編

) html と css の基本的な内容についての上記の紹介を通じて、css と html の違いが主にスタイルに使用されることが明確にわかります。 . HTML はテキスト コンテンツに使用されます。真剣に学習すれば、学習の過程でさらに多くのことを発見できます。

関連する推奨事項:

XML、HTML、CSS、および JS_javascript スキルの違い

[HTML/CSS] display:none と Visibility:hidden_​​html/css_WEB-ITnose の違い

以上がCSSとHTMLの違いは何ですか? CSSとHTMLの違いの比較の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!