1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTML基本構造包括的理解

2022-01-09 05:39:07

HTML入門

ハイパーテキストマークアップ言語。ハイパーテキスト・マークアップ・ランゲージ

ハイパーテキスト ハイパーテキスト(テキスト+画像+動画+音声+リンク)

マークアップ言語。マークアップ言語

ウェブサイトの3大要素

画像、ハイパーリンク、テキスト

HTMLの基本構造

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < html >
  2. < ヘッド >
  3. < タイトル > ドキュメント < タイトル >
  4. < ヘッド >
  5. < ボディ >
  6.         私はモスバーガーです。   です
  7. < ボディ >
  8. < html >

標準的なウェブページのHTMLタグ

1. HTML文書宣言。

2. ページのタイトルです。 ~

3. ページのエンコーディング

utf-8は多言語エンコーディングです(推奨)。

gb2312は中国語の簡体字エンコーディングです。


/{br 4.ページのキーワード

ページのメインコンテンツです。

注)metaタグはhtml言語の補助タグで、通常は検索エンジン最適化のために使用され、HTML文書のheadに配置される。

HTML文書の初期構造を生成する

1. HTML5の標準的な構造。 html:5+Tabキーまたは! +Tabキー

生成された結果は以下の通りです。

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. >
  2. < html ラング = "en" >
  3. < ヘッド >
  4. < メタ 文字セット = "UTF-8" >
  5. < タイトル > ドキュメント < タイトル >
  6. < ヘッド >
  7. < ボディ >
  8. < ボディ >
  9. < html >

2. HTML4の遷移型構造:html:xt+Tabキー

生成された結果は次のようになります。

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. >
  2. < html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" >
  3. < ヘッド >
  4. < メタ http-equiv = "コンテンツタイプ" コンテンツ = "text/html;charset=UTF-8 "である。 >
  5. < タイトル > ドキュメント < タイトル >
  6. < ヘッド >
  7. < ボディ >
  8. < ボディ >
  9. < html >

HTMLタグの注意事項です。

- HTML要素は開始タグと終了タグで構成されています。

- 開始タグと終了タグの中にあるテキストが、要素の内容です。

- 開始を持つHTMLタグは、必ず終了を持つ必要があります。内容のないタグ(空タグ)の場合は、/>で終わらせてください。

- タグ名は大文字と小文字を区別しませんが、XHTMLではタグの署名は小文字にする必要があります。

- タグには属性があり、タグの性質や特徴を示すために使用されます。属性は開始タグで指定する。

以上の記事は、HTMLの基本構造を総合的に理解するためにお伝えしたものですが、ご参考になれば幸いです。また、スクリプトハウスを応援していただければ幸いです。

原文地址: http://www.cnblogs.com/mossbaoo/archive/2016/07/31/5724065.html