ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSとHTMLの違いは何ですか？ CSSとHTMLの違いの比較

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

不言オリジナル: 2018-08-28 15:06:408344ブラウズ

フロントエンドを学習する際、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 はテキストコンテンツに使用されます。真剣に学習すれば、学習の過程でさらに多くのことを発見できます。

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

関連記事