HTML要素とCSS

転送https://www.w3school.com.cn/html/html_css.asp

HTMLのCSS

HTML4.0を使用することにより、すべての書式コードは、HTML文書から削除することができ、その後、別のスタイルシートに移動しました。

例

HTML スタイルで

この例では、アドオンを使用する方法を示しています。<ヘッド> のスタイル情報の一部のHTML 形式を。

いいえ下線付きリンクしません

この例では、リンクを強調していないスタイル属性を使用する方法を示します。

外部スタイルシートへのリンク

この例では、方法を示しています<リンク> 外部スタイルシートにリンクされているタグを。

スタイルを使用する方法

ブラウザはスタイルシートを読み込む際には、ドキュメントの書式を設定するには、このスタイルシートに従います。スタイルシートを挿入する3つの方法があります。

外部スタイルシート

スタイルは、外部スタイルシートが理想的な選択であろう時に多くのページに適用する必要がある場合。外部スタイルシートを使用して、サイト全体の外観を変更するには、ファイルを変更することができます。

<ヘッド>

<リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" のhref = "mystyle.css">

</ head>の

内部スタイルシート

単一のファイルには特別なスタイルを必要とするときは、内部スタイルシートを使用することができます。あなたはできる頭の一部での<style> タグは内部スタイルシートを定義します。

<ヘッド>

<スタイルタイプ= "テキスト/ cssの">

本体{背景色：赤}

P {マージン左：20ピクセル}

</スタイル>

</ head>の

インラインスタイル

特定のスタイルは、個々の要素に適用する必要がある場合には、インラインスタイルを使用することができます。インラインスタイルを使用する方法は、タグに関連するスタイルプロパティを使用することです。スタイル属性は、含めることができますCSSのプロパティを。次の例では、段落と左余白の色を変更する方法を示しています。

これは段落です

私たちの訪問CSSのチュートリアルを、スタイルについての詳細を学びます。

タグ	説明
<スタイル>	スタイル定義の定義。
<リンク>	リソース参照を定義します。
<div>	文書（ブロックレベル）のセクションまたは領域の定義。
<スパン>	または文書ラインの定義内の小さな領域。
<フォント>	テキストのフォント、フォントサイズ、フォントの色の規定。推奨されていません。スタイルを使用してください。
<BASEFONT>	ベースフォントの定義。推奨されていません。スタイルを使用してください。
<センター>	テキストは水平方向中央に配置されます。推奨されていません。スタイルを使用してください。

転送https://www.w3school.com.cn/html/html_elements.asp

HTML要素

HTMLドキュメントは、HTML要素によって定義されています。

HTML要素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签	元素内容	结束标签
<p>	This is a paragraph	</p>
<a href="default.htm" >	This is a link	</a>
<br />

注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。

HTML 元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

提示：您将在本教程的下一章中学习更多有关属性的内容。

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。

HTML 文档由嵌套的 HTML 元素构成。

HTML 文档实例

<html>

<body>

This is my first paragraph.

</body>

</html>

上面的例子包含三个 HTML 元素。

HTML 实例解释

 元素：

This is my first paragraph.

这个 元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签 ，以及一个结束标签 。

元素内容是：This is my first paragraph。

<body> 元素：

<body>

This is my first paragraph.

</body>

<body> 元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。

元素内容是另一个 HTML 元素（p 元素）。

<html> 元素：

<html>

<body>

This is my first paragraph.

</body>

</html>

<html> 元素定义了整个 HTML 文档。

这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。

元素内容是另一个 HTML 元素（body 元素）。

不要忘记结束标签

即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：

This is a paragraph

上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

注释：未来的 HTML 版本不允许省略结束标签。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

は空要素タグ（閉じていない タグは改行を定義します）。

ではXHTML 、XML 、および将来のバージョンのHTML 、すべての要素が閉じていなければなりません。

など、ラベルの先頭にスラッシュを追加する の、空要素、閉鎖する適切な方法であるHTML 、XHTML やXMLをこの方法を受け入れるは。

でも すべてのブラウザで有効ですが、使用して 実際には、より長期的な保護を。

HTMLのヒント：使用小文字のタグ

HTMLのタグは大文字と小文字を区別しません： と等価である 。多くのWebサイトでは、大文字を使用するHTML タグを。

W3School ワールド・ワイド・ウェブ・コンソーシアム（ので、小文字のタグを使用してW3C で）HTML 4がされている推奨下部ケースを使用して、将来的にはHTML（X）のバージョン必須使用小文字。

おすすめ