1.最初のステップ：開発ツールを開き、指定されたフォルダーを開きます。
2。ステップ2：index.htmlファイルをディスクに保存すると、.htmlはWebサフィックスです。
3。ステップ3：HTML5の基本形式の書き込みを開始します。
< 1。 html documents <a href = http://www.baidu.com> baidu </a> //ハイパーリンク要素（tag）</body> //はhtml </html> //書類二。ドキュメント構造分析1.doctype
ドキュメントタイプ宣言（Doctypeとも呼ばれるドキュメントタイプ宣言）。主にブラウザを指示します
ファイルのタイプのビュー。以前のHTML4.01およびXHTML 1.0では、特定のHTMLバージョンとスタイルを示します。
これで、HTML5はバージョンとスタイルを表す必要はありません。
<！doctype html> //
2.HTML要素まず、要素はラベルを意味し、HTML要素はHTMLラベルです。 HTML要素は、ドキュメントを開始および終了する要素です。コンテンツを含む、エコーとテールのダブルラベルです。
この要素には属性と値があります：lang = zh-cn、
文書が言語を使用していることを意味します：簡素化された中国語。
<html lang = zh-cn> //英語の場合、それはen 'です
単純化された中国語ページ：HTML LANG = ZH-CMN-HANS
従来の中国語ページ：HTML Lang = Zh-Cmn-Hant
英語ページ：html lang = en
3.ヘッド要素メタデータコンテンツを含めるために使用されるメタデータデータに
<style>、<title>。これらのコンテンツは、リンクがCSS情報、スクリプトを提供するなど、ブラウザに情報を提供するために使用されます。
JavaScript情報を提供し、タイトルがページタイトルを提供します。
<head> ... </head> //この情報はページに表示されません
<noscript>要素は、スクリプトが実行されないときに代替コンテンツ（テキスト）を定義するために使用されます。
このタグは、<script>ラベルを認識できるがスクリプトをサポートできないブラウザを認識するために使用できます。
4。メタ要素この要素は、ドキュメントに関する情報を提供するために使用されます。急行
ブラウザページに使用されるコードは、一般的にUTF8を使用します。もちろん、ファイルは保存されています
UTF8とブラウザは、中国語を正しく表示するようにUTF8を設定します。
<メタcharset = utf-8> //コードの設定に加えて、他にもあります
5.最終要素この要素は非常にシンプルです。名前が示すように、ブラウザの左上隅にタイトルを設定します。
<title>基本構造</title>
6.ボディ要素ドキュメントコンテンツ、つまりブラウザのエリア部分を含むために使用される要素。目に見えるコンテンツはすべてここにあるはずです
要素を内部に追加します。
<body> ... </body>
7.要素ハイパーリンクでは、後で詳細に説明します。
<a href = http://www.baidu.com> baidu </a>
三つ。エレメンタルラベルディスカッションHTMLはマーク言語であり、現在、構造について詳しく説明しています。ここで、これらをもう一度分析しましょう
ラベルやラベルは、多くの場合、それを書面で要素として構成されているものと呼んでいます。
1。要素要素は、ブラウザにいくつかのコンテンツを処理する方法を伝えるラベルのセットです。各要素には、次のようなキーワードがあります
<body>、<title>、<meta>は要素です。異なるラベル名は異なる意味を表しており、段落のラベル、テキストタグ、リンクラベル、画像ラベルなどが含まれます。
要素は通常、単一タグ（エア要素）とデュアルタグの2つのタイプに分割されます。単一のラベルは、通常、特定の元を宣言または挿入するために使用されます
たとえば、ステートメントの文字エンコードは<meta>を使用し、<img>は一般に、段落<などの領域のセクションのコンテンツを設定するために使用されます。 p> ... </p>。
2。プロパティと値単一の二重分裂に加えて、要素の内部属性と値を設定できます。これらの属性値は、要素を変更するために使用されます
活動。たとえば、ハイパーリンク：<a> href属性は、異なるWebサイトにリンクできるURLを置き換えます。
4。実在物HTMLエンティティは、物理コードを介して特別な意味文字によって表示されます。
エンティティ番号説明のエンティティ名の結果を表示
空間
<<<<<<< 2
>>数より大きい
＆＆＆and number
引用符
'' '
￠¢¢¢
镑£££
圆¥¥¥¥¥
元ユーロ
§§§小さなフェスティバル
权©Copyright
®®®登録商標
™™™商標
×××乗算番号
÷÷数字を除く
5。新しい構造ラベル記事要素
ページのコンテキストに関連しない独立したコンテンツを表します。たとえば、記事、ブログ投稿、フォーラム投稿、あなたはそれを使用できます
セクション要素
ページ内のコンテンツブロックを表します。これは、章、ヘッダー、フッター、またはページの他の部分などです。ドキュメント構造を示すために、H1、H2 ...、およびその他の要素と組み合わせて使用できます。例：<section> ... </section>; </div> html4。
要素は別に
記事要素の内容に加えて、記事要素の内容に関連する補助情報を表現します。
ヘッダー要素
ページ内のコンテンツブロックまたは実際のページのタイトルを表します。
hgroup要素
実際のページまたはページのタイトルブロックの組み合わせを示します。
フッター要素
ページまたはページ全体のコンテンツブロックの脚注を示します。一般的に言えば、彼は作成者の名前、創造的な日付、および作成者の連絡先情報を含めます。
NAV要素
ページ上のナビゲーションリンクの一部を表します。
図要素
一般に、ドキュメントのコンテンツの独立したユニットを表す独立したストリームコンテンツのセクションを示します。 Figcaption要素を使用して、フィギュア要素グループにタイトルを追加します。例えば：
<図> <Figcaption> prc </figcaption> <p>中国共和国は1949年に生まれました</p> </図>五。メタデータ
<Meta>要素はドキュメント内のさまざまなメタデータを定義でき、1つのHTMLページには複数の<Meta>を含めることができます
要素。
1.名前/値メタデータペアを指定します<メタ名=著者コンテンツ= bnbbs> <メタ名=説明コンテンツ=これはhtml5ページ> <meta name = keywords content = html5、css3、response> <meta name = gen = gen erator content =崇高なテキスト3>
メトロポリタンのデータ名の説明
著者現在のページの著者
説明の現在のページの説明
キーワード現在のページキーワード
ジェネレーター電流ページのエンコードツール
2。文字コーディングを宣言します<メタcharset = utf-8>
3。シミュレーションHTTPヘッダーフィールド//指定されたurlにジャンプします>
属性値の説明
更新された最新のページをリロードするか、URLを指定します。ユニットの秒。
コンテンツタイプ文字コーディングを宣言する別の方法
六。グローバル属性その前に、私たちが関与した要素はそのローカルデータを説明しました、そしてもちろん、私たちはまた、私たちはまた、私たちはいくつかのグローバルな属性も知っています
id。グローバル属性は、すべての要素の一般的な動作です。
1.ID属性<p id = abc>段落</p>
説明：ID属性は、要素に一意の識別子を割り当てます。 この識別子は通常、CSSとJavaScriptを与えるために使用されます
選択要素を呼び出します。ページに1回同じID名しかありません。
2.クラス属性<P class = abc>段落</p> <p class = abc>段落</p> <p class = abc>段落</p>
説明：クラス属性は、要素を分類するために使用されます。ドキュメント内の1つ以上の要素を介して同時にCSSのように設定します
モード。
3.AccessKey属性<入力タイプ=テキスト名=ユーザーアカウントキー= n>
説明：ショートカット操作、Windowsの下のALT+指定されたキー、ブラウザALTが競合しないという前提。
4.ContentEdable属性<p contentedable = true>変更できますか</p>
説明：テキストを編集可能な状態にすることができます。または直接
属性を設定します。
5.DIR属性<p dir = rtl>右にテキスト</p>
説明：左から右（LTR）、または右から左（RTL）をテキストとします。
6.ヒドン属性<p隠された>右にテキスト</p>
説明：要素を非表示にします。
7。Llang属性<p lang = en> html5 </p>
説明：言語をローカルに設定できます。
8.最終属性<P Type = Application/X-ShockWave-Flash> </object>3。範囲4.autofocus 5。マーク
<mark>は、主に視覚的に顕著である必要がある単語を提示するために使用されます。 <mark>ラベルのより典型的なアプリケーションは、検索結果のユーザーに検索キーワードを表示することです。
html5：<mark> </mark>
html4：<span> </span>
6。概要<summary>タグには詳細要素のタイトルが含まれており、詳細要素は、関連するドキュメントまたはドキュメントフラグメントの詳細を説明するために使用されます。概要要素は、詳細要素の最初のサブエレメントである必要があります。
html5：<tebuter> <summary> HTML 5 </summary>このドキュメントは、HTML 5を残す必要があるすべてを教えています。</details>
HTML4：なし
7。デタリスト<Datalist>ラベルはオプションのデータリストを定義します。入力要素を使用すると、入力値のドロップダウンリストを作成できます。
Datalistとそのオプションは表示されません。これは、単なる法的入力値リストです。
入力要素のリストプロパティを使用して、Datalistにバインドしてください。
<入力リスト= cras /> <datalist id = cars> <option value = bmw> <option value = form> <option value = volvo> < /datalist>9。コマンド
コマンドボタンを表現します
コマンド要素がメニュー要素にある場合にのみ、要素が表示されます。それ以外の場合は、この要素は表示されませんが、それを使用してキーボードショートカットキーを指定できます
<メニュー> <コマンドonclick = alert（ 'hello world'）>私をクリックしてください！八。放棄されたラベル
式要素
BaseFont
大きい
中心
フォント
s
ストライク
TT
u
それらを正しいセマンティクスに置き換え、CSSを使用してレンダリング後に効果を確保することをお勧めします
フレームのような要素
フレームワークの多くの可用性とアクセシビリティにより、HTML5仕様は次の要素を削除します。
フレーム
フレームセット
noframes
しかし、HTML5はIFRAMEをサポートしています。
属性クラス
次のように、多くの表現力豊かな属性も新しい仕様によって削除されます。
整列します
リンク、vlink、alink、テキスト属性のボディタグの属性
bgcolor
高さと幅
iframe要素のプロパティのスクロール
ヴァリシング
HSPACEとVSPACE
テーブルラベル上のセルパディング、セルスペシング、境界属性
ヘッダーラベルのプロファイル属性
リンクタグaのターゲット属性
IMGおよびIFRAME要素のLongDESC属性
ABBRは頭字語を置き換えます（略語を表すために使用）
オブジェクトはアプレットを交換しました
ulはdirを置き換えました
他の
上記は、編集者がお勧めします。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！