HTML文書の構造と一般的に使用されるタグ

1、HTML文書の構造

<!DOCTYPE html>  # 声明此文档为HTML文档
<html lang="zh-CN">  # 此文档的开始标记。内部分文档头head 和正文body两部分
<head>  # 文档头的开始标记。内部放(文档设置参数的)标签,文档头内部的内容不会显示
  <meta charset="UTF-8">
  <title>css样式优先级</title>
</head>  # 文档头的结束标记
<body>  # 文档正文的开始标记,内部放(设置文档正文d的格式的)标签

</body>  # 文档正文的结束标记
</html>  # 此文档的结束标记

2、HTMLタグの分類

HTMLタグは角括弧と内部の組成物のペアは、一般的に、一意のIDと継承クラスを2つのプロパティを持つべきであるというキーワードがあります

単一ラベル点ジタグの構造及び形態によれば2.1、

シングルラベルとして


ジタグ、

ブロックレベル行ラベルおよびタグ内の表示パターンに応じて2.2、

ブロックレベルのタグ:H1〜H6、P、BR、時間、div要素や他のラベルのような専用線は、ラベルがp(ブロックレベルのタグはラベルとpを含めることはできません)特殊なケースです

インラインタグ:どのように、IMG、S、B、U、I、スパン限り内部テキスト、のための口座へ

3、HTMLタグが使用します

3.1、ヘッド共通のタグ

メタタグは:そのようなコードタイプ、ジャンプのURL、レンダリングモードなどのメタ情報を指定します

タイトルタグ:ページのタイトルを定義します。

スタイルタグ:パターンに対応するコンテンツは、体の中で定義されます

スクリプトタグ:外部コードまたはカスタムJS JSファイルを導入

リンクタグ:スタイルファイルまたはインポート、外部ウェブサイトのアイコン

3.2、体内で一般的にタグを使用

私はイタリック;太字B下線U; Sは削除。

p個の段落タグ。

H1-H6見出しレベル(タイトルセットレベル1-6)

ラップBR

時間水平線(分割)

3.3、例えば一般的に使用されるタグ

divタグは:ブロックレベル要素を定義するために使用され、実用的な意義がありません

スパンは:インライン(内側の線)要素ない実用的な意義を定義するために使用します

要素の内側の列の差分ブロック要素:
ブロック要素要素をレンダリングする別の行の開始であり、要素は行から行を受けません。Webページでこの2つの要素の挿入の別々の場合は、ページ上の任意の影響を与えることはありません。
これらの2つの要素が生まれたCSSスタイルのために特別に定義されています。

imgタグ

<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)">

ラベル:ハイパーリンクのラベル

ウェブ接続関係からゴールを指し、いわゆるハイパーリンクを参照すると、この目標は、別のWebページであることができ、それが同じページ上の別の場所にすることができ、それはまた、画像、電子メールアドレス、ファイル、またはさえすることができこれは、アプリケーションです。

<a href="http://www.oldboyedu.com" target="_blank" >点击跳转</a>

href属性は:ランディングページのアドレスを指定します。アドレスは、いくつかのタイプがあります

  • 絶対URL -別のサイトへのポイント(など= HREFなど" http://www.jd.com

  • 相対URL - 正確なパスで、現在のサイト(HREF =「index.htmを」)を指し

  • アンカーURL - ページのアンカーへのポイント(HREF =「#トップ」)

    targetプロパティ:

    • _blankは、新しいタブで開いてランディングページを意味し、
    • _selfは現在のタブでランディングページを開くことを意味し

リストタグ:

1、順不同リスト:

<ul type="disc">
  <li>第一项</li>
  <li>第二项</li>
</ul>

プロパティのタイプ:

  • ディスク(黒丸、デフォルト値)
  • 円(白丸)
  • 四角(黒四角)
  • なし(ノースタイル)

2、順序付けられたリスト

<ol type="1" start="2">
  <li>第一项</li>
  <li>第二项</li>
</ol>

プロパティのタイプ:

  • 番号のリストは、デフォルト値
  • キャピタルレター
  • 小文字の手紙
  • Ⅰ首都ローマ
  • Ⅰ小文字のローマ

3、タイトルリスト

<dl>
  <dt>标题1</dt>
  <dd>内容1</dd>
  <dt>标题2</dt>
  <dd>内容1</dd>
  <dd>内容2</dd>
</dl>

フォーム:

データを表示するための一般的な形式

テーブルの基本的な構造:

<body>
    <table>
      <thead>
      <tr>
        <th>名次</th>
        <th>姓名</th>
        <th>班级</th>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>1</td>
        <td>allen</td>
        <td>三2班</td>
      </tr>
      <tr>
        <td>2</td>
        <td>Tom</td>
        <td>三1班</td>
      </tr>
      </tbody>
    </table>
</body>   

属性:

  • ボーダー:テーブルのボーダー。
  • CELLPADDING:パディング
  • CELLSPACING:余白。
  • 幅:ピクセルの割合(長さおよび幅は、好ましくは、CSSで設定されています)。
  • ROWSPAN:どのくらいの垂直クロスセルライン
  • COLSPAN:どのように多くの列のセルスパン(つまり、細胞を合併)

おすすめ

転載: www.cnblogs.com/allenchen168/p/11861036.html