HTMLタグの説明

HTML言語構造

• マークアップ (マーク、ラベル) は、コンテンツを含めて説明するために使用されます。

<p> タグとは、厳密には開始タグ（タグなど）または終了タグ（タグなど）を指し</p>、要素（p要素または<p>要素など）には、開始タグ（タグ内に定義されている属性も当然含む）、終了タグ、中間タグが含まれます。 ( Content)。

ルート要素

この要素は HTML 文書のルート (最上位要素) を表すため、ルート要素とも呼ばれます。他のすべての要素は、この要素の子孫である必要があります。

• HTML (ハイパーテキスト マークアップ言語)
• タグの意味:
  • html内部コンテンツをhtmlコードとして記述し、すべてのhtmlコードをhtmlタグ 内に配置する必要があります
    • htmlタグには body タグと head タグのみが含まれます

メタデータ要素

この要素は、ドキュメントのタイトル、参照されるドキュメントのスタイルやスクリプトなどを含む、ドキュメント関連の構成情報 (メタデータ) を設定するために使用されます。

スタイルタグやリンクタグなど、Web ページを説明する基本情報とデータをこのタグに配置する必要があります。

この要素には、構成可能なメタデータ情報を含めることができます。

<meta charset="UTF-8">
<meta auther="jeffrey">
<meta email="[email protected]">

• メタは基本情報を表し、中国語の意味：メタ

  メタは単一のタグに属しており、単一のタグはコンテンツをロードできません。

• charset文字エンコーディングを示します。中国語の意味: 属性、charsetメタに属するプライベート属性

  • つまり、メタは基本情報を伝達するために使用され、ブラウザに渡されます。 属性名 = "属性値" キー = "値"

この要素は、ブラウザのタイトル バーまたはタブ ページに表示されるドキュメントのタイトルを定義するために使用されます。テキストのみを含めることができます。タグが含まれている場合、含まれているタグは解釈されません。

この要素は、外部リソースと現在のドキュメントの間の関係を指定します。この要素は、リンクされたスタイル シートで最も一般的に使用されます。

この要素の内部コンテンツは、ドキュメントのスタイル、つまりカスケード スタイル シートを定義するために使用されます。

• style.cssファイルリファレンス

<link rel="stylesheet" href="./css/style.css">

• relフルネームrelationshiop、中国語: 関連性; インポートされたファイルと現在のファイルの関係を示します
• href完全な名前のハイパーテキスト参照、ハイパーテキスト プロトコル

この要素は、ドキュメントに含まれるすべての相対要素のURLルートを指定しますURL。<base>共有内に存在できる要素は 1 つだけです。

base は、href のベース Web サイト、デフォルトのルート リンクを定義するために使用されます。

1. 若href没有网络协议，则跳转至根链接，否则反之

2. ベースがない場合、デフォルトのベースは現在のサーバー ディレクトリです。

ボディルート要素

この要素は Web ページの本文と呼ばれ、Web ページのすべての主要なコンテンツは本文内にあり、Web ページの視覚化ウィンドウに表示されるコンテンツです。

ブロック レベル要素は垂直方向にスペースを開くため、ブロック レベル要素はいつでも下方向に拡張できます。CSS では、高さはいつでも移動できるため参照値がないと考えられますが、幅は拡張できません。ブロック要素は水平方向にスペースを開くことはできませんしたがって、子要素によって参照できるのは幅のみです。

ボディはデフォルトでウィンドウにフィットします。ボディにはマージン値がありますが、貫通することはできません。ボディのデフォルトの高さは 0 です。これはすべての要素の親要素です。ブロックレベル要素のデフォルトの幅は、ウィンドウの 100% です。親要素ですが、高さは独自のコンテンツに基づいているため、参照できません。

• 親要素の幅を参照したい場合は、次の 3 つの方法があります。

  1. 親要素の高さは固定する必要があるため、子要素が親要素のパーセンテージを参照するとオーバーフローが発生します。

     親要素の高さが 100 で、子要素が親要素の 50%、つまり 50 であると仮定すると、親要素は 150 に成長します。では、子要素の高さはいくらでしょうか。

  2. 親要素を body 要素の幅と高さの 100% に設定し、上と左の両方を 0 に設定して絶対位置に配置します。絶対位置はビジュアル ページ全体を指します。ウィンドウのサイズによって決まります。親要素のサイズ。

  3. 親要素を絶対的に配置します。上下左右はすべて 0 であり、幅と高さを固定することはできません。

アウトライン要素

この要素は、コンテンツのこの部分がドキュメント内で一意である必要があり、一連のドキュメント内で重複するコンテンツが含まれていないことを示します。Web ページ内の主要な情報を反映するために使用されます。<main>この要素の使用に関して注意すべき点は、この要素はページごとに 1 回しか使用できないことです。<main>要素のもう 1 つの要件は、その要素が<article>、<header>、<aside>、の子要素ノードで<footer>あってはいけないことです。<nav>

この要素は、紹介コンテンツを表示するために使用され、通常、ナビゲーションを支援する一連の紹介要素または役立つ要素が含まれています。Logoいくつかのタイトル要素が含まれる場合がありますが、検索ボックス、著者名などの他の要素も含まれる場合があります。

この要素は、複数のハイパーリンクを含む領域を記述するために使用されます。この領域には、他のページまたはページの他の部分へのリンクのリストが含まれます。

この要素はドキュメント内の領域を表し、この要素を使用してページを論理的に分割します。

この要素は、フォーラムの投稿、雑誌やニュース記事、ブログ、ユーザーなどの出版物など、独立して割り当て可能または再利用可能であることを目的としたドキュメント、ページ、アプリケーション、または Web サイト内の独立した構造を表します。送信コメント、インタラクティブコンポーネント、またはその他のスタンドアロンコンテンツアイテム。

この要素は、ページ コンテンツの残りの部分とはほとんど関係のないセクションを表します。コンテンツの独立した部分とみなされ、全体に影響を与えることなく独立して分離できます。セクションを削除した後に残った部分です。

この要素は、メイン要素の最新の章またはフッターの内容を表します。フッターには通常、セクションの作成者、著作権データ、またはドキュメントへのリンクに関する情報が含まれています。

～

この要素は、6 つの異なるレベルの見出しを表示します。<h1>レベルが最高で、<h6>レベルが最低です。(この要素はテキスト要素のカテゴリにも分類できます)

この要素は段落の見出しグループを表します。

URL要素内の任意の形式のコンテンツによって提供される連絡先情報は、コンテキストの背景情報に適しており、実際の住所、電子メール アドレス、電話番号、ソーシャル メディア アカウント、地理的座標など、必要な連絡方法であればどれでも使用できます。この要素には、連絡先情報が対応する個人、グループ、または組織の名前が含まれている必要があります。

<p>Contact the author of this page:</p>
<address>
  <a href="mailto:[email protected]">[email protected]</a><br>
  <a href="tel:+13115552368">(311) 555-2368</a>
</address>

テキストコンテンツ

この要素は、一般的なフロー コンテンツ コンテナです。特定の種類のコンテンツを意味的に表すものではありません。一般に、スタイル関連のニーズ ( または 属性を使用) または要素のセットをグループ化するための他の要素をグループ化するために使用できますclass。id同じプロパティ (例: ) を持つ場合は、他のセマンティック要素が利用できない場合 (例:または)langにのみ使用してください。<article><nav>

この要素はテキストの段落を表します。フルネームparagraph

複数の順序付きリスト項目を表し、通常は番号付きリストとして表示されます。

• フルネーム順リスト

複数の番号なしリスト項目を表し、通常は番号なしリストとして表示されます。

• フルネームunorder list

• リスト内の項目、つまりリスト項目を表すために使用されます。

  • liフルネームlist item、リスト項目
  • ラベルはol\ ullabel のスタイルを継承しますが、両方が同じスタイルを持つ場合、サブクラスは
    親クラスのスタイルをオーバーライドし、olそのスタイルは通常、プログラミング中に直接使用されます。

  要素は、事前定義された書式設定されたテキストを表します。この要素内のテキストは通常​​、元のファイルの形式に従って固定幅フォントで表示され、テキスト内の空白文字 (スペースや改行など) は表示されます。（続く

  開始タグの後の改行も省略されます）

  そこに含まれるテキストは引用された内容です。通常、レンダリングすると、この部分の内容はある程度インデントされます。

  説明リストを指定するために使用されます (

  ) 要素内の用語の説明。この要素は、リストを説明する要素の子としてのみ出現でき、その後に要素が続く必要があります。

  用語の定義と説明を含むリスト。通常、用語集またはメタデータ (キーと値のペアのリスト) を表示するために使用されます。

  要素 (または HTML 用語定義要素) は、定義のリスト内の用語を宣言するために使用されます。この要素は次のようにのみ使用できます。

  子要素が表示されます。通常、この要素の後には次の要素が続きます。

  ただし、要素が複数連続して出現すると、

  要素はその後に表示される最初の要素に置き換えられます

  要素の定義。

  この要素は独立したコンテンツを表し、多くの場合キャプションが付きます。

  一緒に使用することも、独立した参照単位としても使用することもできます。

  この要素は、その親ノードを説明するために使用される、それに関連付けられた画像の説明/タイトルです。

  要素内のその他のデータ。

  ---

  要素は、段落レベルの要素間のトピックの遷移を表します。

  • break line断行

  セマンティックインラインテキスト

  この要素またはアンカー要素は、別の Web ページ、ファイル、同じページ内の場所、電子メール アドレス、またはその他の URL へのハイパーリンクを作成できます。

  例えば：<a href="https://www.baidu.com" target="_blank">百度</a>

  • aのフルネーム：alink

  • hrefフルネームhypertext reference、ハイパーテキストマークアップ言語

  • ターゲット 中国語の意味: ターゲット、ブランクは空白のページを作成することを意味します

  • URL は、
    wwwデフォルトの第 2 レベルのドメイン名、baiduプライマリ ドメイン名、.comおよびサフィックス名です。

  titleこの要素は略語を表示するために使用され、オプションの属性を介して完全な説明を提供できます。

  この要素は、以前は太字のテキストに使用されていましたが、H5では削除されました。

  • h5 は b タグの代わりに強いタグを使用します

  この要素により、文字が特定の方向に整列されます。

  • dir には、タグごとに異なる機能があります。
  • dir="rtl" 右から左に反転し、現在のテキストの方向を反転します。
  • ltrを右に反転

  <br>この要素は、テキスト内に改行 (キャリッジ リターン) 記号を生成します。

  この要素は、何かのソース参照を表します。引用メタデータを追加するための規則に従って省略された形式の場合もある、引用作品の短縮されたタイトルまたは URL が含まれている必要があります。

  この要素はコンピューター コードの一部をレンダリングします。デフォルトでは、ブラウザのデフォルトの固定幅フォントで表示されますが、中国語では無効です。

  ====斜体

  定義要素（<dfn>）は用語の定義を表す。

  ====斜体

  この要素は、ユーザーが読書に集中する必要があるコンテンツをマークします。要素はネストできます。ネスト レベルが深くなるほど、そこに含まれるコンテンツは読書に集中する必要がある重要なものとみなされます。

  要素は、何らかの理由で通常のテキストと区別する必要がある一連のテキストを表すために使用されます。たとえば、専門用語や外国語の語句、小説の登場人物の思想活動などは、通常、その内容が斜体で表示されます。

  ====标准的等宽字体

  キーボード入力要素 () 用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示。

  ====シェーディング

  タグは強調表示されたテキストを表します。たとえば、このタグは特定のコンテキストでテキストをマークするために使用できます。たとえば、検索エンジンの検索後にキーワードを表示するために使用できます。

  == == 引用

  引用タグ ( ) は、テキストの閉じられた短いインライン引用を表します。このタグは短いテキストを引用するために使用されるため、改行を入れないでください。長いテキストの引用の場合は、

  交換。

  == == 取り消し線

  要素は取り消し線を使用してテキストをレンダリングします。この要素は、関連性がなくなったもの、または正確ではなくなったことを示すために使用します。ただし、ドキュメントの編集を示す場合にはその使用は推奨されません。このため、使用することをお勧めします。そして要素。推奨されません。del タグを使用できます。

  コンピュータ プログラムの出力を識別するために使用される要素。通常はブラウザのデフォルトmonotypeフォントが使用されます。

  要素を使用すると、テキストのフォント サイズが 1 サイズ小さくなります。(例: 大から中、中から小、小から極小)。ではHTML5、この要素は、その文体の意味に加えて、著作権や法的文章を含む補足や細字を表すために再定義されました。

  この要素はフレーズ コンテンツの汎用インライン コンテナであり、特別なセマンティクスはありません。これを使用して要素をグループ化して、特定のスタイル設定 (class 属性または ID 属性を使用) を実現したり、要素が共通の属性を共有する場合に使用したりできますlang。他に適切なセマンティック要素がない場合にのみ使用してください。そして

  要素は非常に似ていますが、

  はブロック要素、 はインライン要素です。

  • 下線属性

  • 取り消し線のテキスト装飾: ラインスルー;

  • イタリック体のフォント スタイル:イタリック体;

    二重引用符を模倣することはできません、addr

  要素 ( ) はテキストが非常に重要であることを示し、通常は太字で表示されます。

  == _{== 上付き文字}

  要素は、印刷上の理由から、メイン テキストよりも低く、小さく表示される必要があるテキスト領域を定義します。

  == ^{==下付き文字}

  要素は、印刷上の理由から、メイン テキストよりも高く、小さく表示する必要があるテキストの領域を定義します。

  24 時間時刻またはグレゴリオ暦の日付を表すために使用されます。日付を表す場合は、時刻とタイム ゾーンも含めることができます。

  == == 下線

  この要素により、テキストにコンテンツのベースラインの下の行に下線が引かれます。テキストを中国語テキストの固有名 (正しい中国語マーク) としてマークするか、テキストをスペルミスとしてマークします。インを使用することをお勧めします

  ラベルは変数の名前、またはユーザーが指定した値を表します。

  グラフィックスとマルチメディア

  HTML は、画像、オーディオ、ビデオなどのさまざまなマルチメディア リソースをサポートしています。

  ドキュメント内の画像を表します。

  例えば：<img src="./image/m1.jpg" alt="图片">

  • イメージ画像
  • ソース「ソース」ファイルメイトの基本情報、中国語の意味：元
  • alt は、画像のロードに失敗した後にユーザーに表示されるコンテンツです

  要素は、ドキュメント内のオーディオ コンテンツを表すために使用されます。要素には複数のオーディオ リソースを含めることができ、src 属性または要素を使用して記述することができ、ブラウザは使用するのに最も適切なものを選択します。要素をサポートしていないブラウザの場合、ブラウザが認識しないコンテンツとして要素をドキュメントに追加することもできます。

  ====マルチメディア

  XHTMLメディア プレーヤーをHTML またはドキュメントに埋め込み、ドキュメント内でのビデオ再生をサポートするために使用されます。

  ロゴを編集する

  タグは、ドキュメントから削除されたテキスト コンテンツの一部を表します。たとえば、変更記録やソース コードの差分を表示する必要がある場合にこのタグを使用できます。タグはその逆で、ドキュメントに追加されたコンテンツを表します。

  要素は、ドキュメントに挿入されたテキストを定義します。

  テーブル テーブルの内容

  要素は表形式のデータ、つまり 2 次元のデータ テーブルで表される情報を表します。

  • border はテーブルの境界線を表します
  • colspan列間、rowspan行間、capationテーブルのタイトル、legend現在のフィールドのタイトル

  要素(またはHTML table title 要素) は、表のタイトルを表示します。多くの場合、``の最初の子要素として表示され、表の内容の先頭に表示されます。ただし、CSSスタイルを設定することもできるため、テーブルに対して任意の位置に表示されます。

  テーブル列グループ (Column Group) タグは、テーブル内のリストのグループを定義するために使用されます。

  ====コラム

  要素はテーブル内の列を定義し、すべての共通セルの共通セマンティクスを定義するために使用されます。通常は要素の内部にあります。

  ==== OK

  ====セル

  ====列ヘッダー

  スタイルに影響を与える論理構造

  • thadeヘッダ
  • tbodyテーブル本体の内容
  • tfootテーブルの終わり

  フォームの内容

  この要素はクリック可能なボタンを表し、フォームや単純な標準ボタンが必要なドキュメント内のその他の場所で使用できます。

  要素は、 Web サーバーに情報を送信するために使用される対話型コントロール要素を含むドキュメント内の領域を表します。

  -ログイン -署名 -署名またはログイン

  要素は、ユーザーからデータを受け入れる Web ベースのフォームの対話型コントロールを作成するために使用されます。デバイスとユーザー エージェントに応じて、さまざまなタイプの入力データとコントロール ウィジェットを使用できます。

  • 一般的に使用されるタイプは、テキスト、名前入力ユーザー名、パスワード暗号文、電子メール メールボックス、ボタン ボタン、送信ボタンです。
  • チェックボックス チェックボックス、ラジオ ラジオ ボタン、範囲品質範囲、日付日付、検索検索フィールド

  要素は、オプションのメニューを提供するコントロールを表します。

  **ELEMENT** は、要素内に含まれる項目を定義するために使用されます。htmlメニュー項目は、ドキュメント内のポップアップ ウィンドウやその他の項目リストに表示できます。

  ラベルは、計算またはユーザーのアクションの結果を表します。

  ====分割ロジック

  ====要素 (ラベル) は、ユーザー インターフェイス内の要素の説明を表します。

  マークの for 属性に、現在のマークの主キー ID と、現在のマークがどの主キーに対して提供されているかが入力されていることを示します。

  ====現在のドメインのタイトル

  要素 (HTML フィールド要素 (または HTML 凡例フィールド要素) とも呼ばれます) は、親要素のコンテンツを表すために使用されるタイトルを表します。

  既知の範囲のスカラー値または分数値を表示するために使用される要素。

  == option== は偶数またはユーザー操作の結果を意味します

  select、optgroup、または datalist タグに含まれる項目を定義するために使用され、Tianchu ウィンドウのメニュー項目や HTML ドキュメントの他の項目リストを表すことができます。

  要素は``要素内に含まれるオプションのセットを作成します

  この要素は、タスクの完了の進行状況を表示するために使用されます。仕様ではこの要素の表示方法は指定されていないため、ブラウザー開発者が独自に決定できますが、通常、この要素は進行状況バーとして表示されます。

  ====テキストフィールド

  要素は、一个複数行のプレーン テキスト編集コントロールを表します。

  テーブルフォーム

  • tabel インライン スタイルの境界線は、テーブル全体に境界線を追加します。

    ただし、テーブルの内部スタイルの境界線は、フォームの外部境界線テーブルにのみ影響します。{}

  • ボーダーがインライン スタイルで宣言されている限り、ボーダー値を持ちます。

  • table-layout: atuo|fixed	布局：		有继承性
    atuo先检测内联content宽度，再去查看css有没有宽
    fixed跳过内联检测步骤
    border-collapse: collapse;	collapse与单元格间距不能并存
    
    border-spacing:2px; 	 	默认值2px 	单元格之间的间距
    cellspacing=""				单元格间距，最好采用spacing
    
    empty-cells:hide;			隐藏空单元格
    

  テーブルの列

  <colgroup>
  	<col>
  	<col>
  </colgroup>
  

  -td はテーブルのスタイルを継承しません。

  ul{
        
        
    list-style-image:url("./1.jpg"); 图片项目符号
  }
  

  列名、tr 行、td 列、cellpacing="0" cellpadding="0"

  <table>
      <caption>列</caption>
      <thead>
      	<tr><th>表头</th></tr>
      </thead>
      <tbody><tr><td>主体</td></tr></tbody>
      <tfoot><tr><td>脚注</td></tr></tfoot>
  </table>