HTML5の基本
HTML構文の基本
HTML言語は、Webページの記述に使用される言語です。この言語は、プログラミング言語ではなく、タグ言語(Webページの記述に使用されるタグのセット)です。これは、Webページを作成するための基本言語であり、主にハイパーテキストの記述に使用されます。コンテンツの表示方法。
1.1HTMLドキュメントの構造
完全なHTMLファイルには、ヘッダータグ<head></head>
と本文タグの<body></body>
2つの部分が含まれます。ヘッダーは、ドキュメントのタイトルなど、ドキュメントのさまざまな属性と情報を説明するために使用されます。本文には、テキスト、段落、リスト、表、描画されたグラフィック、およびさまざまな埋め込みオブジェクト。これらのオブジェクトはHTML要素と呼ばれます。<html></html>
タグは、ドキュメントの開始点と終了点を定義するために使用されます。
基本的なHTMLファイル構造。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
上記のコードからわかるように、HTMLファイルDOCTYPE(ドキュメントタイプ)では、宣言はドキュメントの上部、つまりhtmlタグの前にあり、ブラウザにドキュメントのHTMLまたはXHTML仕様を通知します。を使用します。HTML5では、Webページのドキュメントタイプ仕様(Doctype)が大幅に簡素化されました。非常に単純なコード行だけが残ります。
HTML構造を構築する場合、タグは交差できません。交差しないと、文法エラーが発生します。次のようなコードは間違っています:
<!DOCTYPE html>
<html>
<head>
<body>
</head>
</body>
</html>
1.2HTMLタグ
HTMLの最も基本的な構文は<タグ名> </タグ名>です。タグは通常、開始タグと終了タグのペアで使用されます。終了タグは、開始タグの前にあるスラッシュ「/」です。ブラウザがHTMLファイルを読み取ると、その中のタグが解析され、各タグに対応する関数が表現されます。
の種類 | ラベル名 | 説明 |
---|---|---|
基礎 | <!DOCTYPE> | ドキュメントタイプを定義する |
<html> |
HTMLドキュメントを定義する | |
<title> |
ドキュメントのタイトルを定義します | |
<body> |
ドキュメントの本文を定義する | |
<h1>to<h6> |
HTMLタイトルを定義する | |
<p> |
定義段落 | |
<br> |
単純な改行を定義する | |
<hr> |
水平線を定義する | |
<!--...--> |
定義コメント | |
<img> |
画像を定義する | |
<a> |
アンカーを定義する | |
<table> |
テーブルを定義する | |
<caption> |
テーブルタイトルを定義する | |
<tr> |
テーブルの行を定義します | |
<th> |
テーブルのヘッダーセルを定義します | |
<td> |
テーブル内のセルを定義します | |
メタ情報 | <head> |
ドキュメントに関する情報を定義する |
<meta> |
HTMLドキュメントに関するメタ情報を定義する | |
<base> |
ページ上のすべてのリンクのデフォルトアドレスまたはデフォルトターゲットを定義します | |
フォーマット | <b> |
太字のテキストを定義する |
<bdo> |
テキストの方向を定義する | |
<mark> |
マークされたテキストを定義する | |
<sup> |
上付きテキストを定義する | |
<sub> |
下付きテキストを定義する | |
<time> |
日付/時刻を定義する | |
<wbr> |
テキストのどこに改行を追加するのが適切かを定義します | |
形 | <form> |
ユーザー入力用のHTMLフォームを定義する |
<input> |
入力コントロールを定義する | |
<textarea> |
複数行のテキスト入力コントロールを定義する | |
<button> |
定義ボタン | |
<select> |
選択リスト(ドロップダウンリスト)を定義する | |
<output> |
いくつかのタイプの出力を定義する | |
<option> |
選択リストでオプションを定義します | |
<lable> |
入力要素のラベルを定義します | |
<fieldset> |
フォーム内の要素の周囲の境界線を定義します | |
<legend> |
フィールドセット要素のタイトルを定義します | |
オーディオビデオ | <audio> |
サウンドコンテンツを定義する |
<source> |
メディアソースを定義する | |
<track> |
メディアプレーヤーで使用されるテキストトラックを定義します | |
<video> |
ビデオを定義する |
1.3ラベル属性
HTML属性は、サブタグに意味とコンテキストを割り当て、HTML要素に関する詳細情報を提供できます。属性は、通常、名前と値のペアの形式で開始タグで指定する必要があります。たとえば、name = "value"、nameは属性の名前を表し、valueは属性の値を表し、valueは通常囲まれています。二重引用符 "" ""で、一重引用符 "" "で囲むこともできます。複数の属性はスペースで区切られ、複数の属性を指定するときに順序を区別する必要はありません。といった:
<img src="picture/scenery.jpg" alt="风景"
width= "30%" height="40%">
このコード行は、画像が挿入されていることを示しています。画像は、同じディレクトリの画像フォルダにあるscenery.jpgから取得されます。ページに表示される画像のサイズは、ブラウザの幅の30%、高さの40%です。