ディレクトリ
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:どのように多くの列のセルスパン(つまり、細胞を合併)