序文
この記事では、主にHTML関連の知識ポイントを記録し、続いてHTML(1)HTMLの概要を記録します。これは継続的に更新されます。エラーが発生した場合は、アドバイスを提供してください。
2. HTMLタグ(上)
2.1文法仕様
2.1.1ラベル構造
- タグは、山かっこ「<>」と、<html> </ html>などのキーワードで構成されます。通常、ペアで表示されます。<>は/なしで開始タグ、/は終了タグです。たとえば、<html> </ html>では、<html>が開始で、</ html>が終了です。
- タグは通常、<html> </ html>、<head> </ head>、<title> </ title>などのペアで表示されます。これをダブルタグと呼びますが、特別なシングルタグもあります。タグとして、</ br>、<img>などの単一タグと呼びます。
2.1.2ラベルの関係
- 封じ込め関係:
<html>
<head>
<title></title>
</head>
</html>
- 星座:
<html>
<head>
</head>
<body>
</body>
</html>
2.2基本構造ラベル
- ルートラベル
<html></html>
ルートタグは、すべてのHTMLドキュメントに表示されるメインタグまたは開始タグを表します。HTMLタグは<!DOCTYPE>
タグの後の最初のタグであり、他のHTMLタグがその中に指定されています。このタグにより、ブラウザはドキュメントタイプを識別できます。
- ドキュメントヘッダータグ
<head></head>
ドキュメントヘッダータグには、ページタイトルやその他のその他の情報など、 Webページまたはドキュメントのすべてのタイトル情報が含まれます。
- ドキュメントタイトルタグ
<title></title>
このタグは通常、ページタイトルを定義するために<head> </ head>タグ内に配置されます。
- ドキュメント本文ラベル
<body></body>
テキストはラベルに保存され、画像、テキスト、サウンド、リンクなどを含めて、ページに直接表示できます。
2.3一般的な開発ツール
開発ツールの選択は個人の好みによって異なります。初心者は、全体的な構造に慣れるために、ノートブックを約1週間使用することをお勧めします。一般的なHTML開発ツールは次のとおりです。
VSCode
DW
WebStorm
Hbulider
2.4一般的なラベル
2.4.1タイトルタグ
<title></title>
ページタイトルを定義するために使用されます。
1.4.2段落タグ
<p></p>
名前が示すように、段落はその中に配置されます。
1.4.3改行ラベル
<br />
1.4.4水平ラベル
<hr />
ページ全体に水平線を追加します。
1.4.5テキストフォーマットタグ
<string></sting>加粗
<em></em>倾斜
<del></del>删除线
<ins></ins>下划线
<sup></sup>上标
<sub></sub>下标
1.4.6レイアウトラベル
<div></div>
<span></span>
- spanとdivの違いは、divがブロックレベルの要素であり、それに含まれる各要素には独自の行があることです。スパンはインライン要素であり、スパンに含まれる要素は折り返されず、同時に同じ行に存在できます。
1.4.7画像タグ
<img src="path+imgage" 附加属性/>
追加の属性:
- alt = "Alternative text"、画像を読み込めない、または失わない場合、ページに表示されるテキストコンテンツ
- title = "プロンプトテキスト"、マウスを画像に置いたときに表示されるプロンプトまたは説明コンテンツ
- width = "image width"、単位はピクセルです
- height = "image height"、単位はピクセルです
- border = "image border"、単位はピクセルです
1.4.8ハイパーリンクラベル
<a herf="" 附加属性></a>
- 追加の属性-openメソッド:target = "_selfまたは_blank"
- 外部リンク:
<a herf="其它网站的地址" 附加属性></a>
- 内部リンク:
<a herf="本地文件" 附加属性></a>
- 空のリンク:
<a herf="#" 附加属性></a>
- ダウンロードリンク:
<a herf="path+file" 附加属性></a>
- 要素リンク:
<a herf="" 附加属性 > 元素</a>
- アンカーリンク:
<a herf="#ID号"></a>
ID =「追加ID番号を」に開始タグのリンクが必要とされています。いわゆるアンカーリンクとは、このドキュメントの内部コンテキスト間のリンクを指します。
1.4.9メモと一般的に使用される特殊文字ラベル
注释:<!--注释内容-->
空格: 
大于:>
小于:<