HTML
1、ルールのセットは、ブラウザがルールを知っています。
2、開発者:
HTML形式の学習則
開発の背景:
- 書き込みHTMLファイル(役割のテンプレートとして作用する)******
- データベースは、データを取得し、その後、指定された場所(Webフレームワーク)へのHTMLファイルを置き換えます
3、ローカルテスト
- 開いたブラウザに直接ファイルパスを探します
- pycharmオープンテスト
4、HTMLファイルを書き込みます
- 間のDOCTYPE対応
- htmlタグ、内部タグは、プロパティを書くことができます====>つだけ
- コメント:<! - コンテンツコメント - >
5、ラベルの分類
- 自己終了タグ
<メタ文字セット= "UTF-8">
- アクティブ終了タグ
タイトル>オールドボーイズ</ TITLE>
6、
ヘッドタグ
- <メタ - >エンコーディング、ジャンプ、リフレッシュ、キーワード、説明、IEの互換性
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE = IE9、IE = IE8;" />
- タイトルタグ
- <リンク/>アイコンを従事、借りています
- <スタイル/>欠
- <スクリプト>欠
7、bodyタグ
- 图标、&NBSP; &GT; &LT;
- Pラベル、段落
- BR、ラップ
======== =====小さな概要
すべてのラベルはに分かれています。
ブロックレベルのタグ(段落や段落間の間隔を有する)DIV(白)、Hシリーズ(太字の増加)、Pラベル
タグライン:スパン(白)
タグの間で入れ子にすることができます
タグは、CSSの操作、jsの操作が存在する意味
PS:chormeレビュー・エレメントを使用します
- ポジショニング
- ビュースタイル
- Hシリーズ
- DIV
- スパン
- 入力シリーズ+フォームタグ
入力タイプ=「テキスト」 - name属性、値=「趙ファン」
入力タイプ=「パスワード」 - name属性、値=「趙ファン」
入力タイプは=「送信」 - 値=「送信」、フォームを送信ボタン
入力タイプ=「ボタン」 - 値=「ログイン」ボタン
入力タイプ=「ラジオ」 - チェックするチェックボックスの値は、=「確認」、name属性(同じミューテックスの名前)
入力タイプ=「チェックボックス」 - ボックス値、確認=「確認」、name属性(バルクデータ収集)
入力タイプ=「ファイル」 - 属性にenctype =「multipart / form-データ」の形で依存フォーム
入力タイプ=「残り」 - リセット
<テキストエリア>デフォルト</ TEXTAREA> - name属性
選択したラベル - 名前、内部オプションの値は、背景、サイズに提出し、複数の
- ラベル
- ジャンプ
- アンカーのhref = ID「#IDタグ」タグが繰り返さことはできません。
- IMG
SRC
ALT
タイトル
- リスト
インクルード
で
オール
で
DL
DT
DD
- フォーム
表
広告
TR
目
TBODY
TR
TD
COLSPAN = ''
ROWSPAN = ''
- ラベル
カーソルが買収に関連したように、ファイルのタブをクリックします。
<= "ユーザー名" のラベル>用户名:</ label>は
<入力されたID = "ユーザ名" タイプ= "text" の名= "ユーザー" />
- フィールドセット
伝説
-20タグ
CSS
スタイル属性は、ラベルに記載されています:
背景色:#2459a2。
高さ:48px;
...
CSSスタイルを書きます:
1.スタイル属性タグ
スタイルタグの文体内部ヘッド2.書き込み
- ID選択エリア
#i1の{
背景色:#2459a2。
高さ:48px;
}
- クラスセレクタ******
{の名前
...
}
<タグクラス= '名前'> </タブ>
- タグセレクタ
DIV {
...
}
このdivのスタイルのすべての設定
- レベルセレクタ(空間)******
.c1 .c2のDIV {
}
- セレクタ(コンマ)の組み合わせ******
#c1と、.c2、DIV {
}
- 属性セレクタ******
その後、標識の選択や施設によってさらにスクリーニングを行います
.c1 [N = 'アレックス'] {幅:100pxに。高さ:200pxの。}
PS:
- 優先度、優先順位のラベルスタイル、書かれたため、近接の原則
2.5 CSSスタイルも、別のファイルに書き込むことができます
<リンクのrel = "スタイルシート" のhref = "commons.css" />
3件のコメント
/ * * /
4、国境
- 幅、スタイル、色(ボーダー:4PX赤い点線;)
- ボーダー - 左
5、
高さ、高さの割合
幅、ピクセルの幅の百分率
テキスト整列:ceter、水平方向の中心
ラベルに従って行の高さ、垂直方向の高さ
色、フォントの色
フォントサイズ、フォントのサイズ
フォントの太太字フォント
6、フロート
アップラベルは、ブロックレベルのタグを積み重ねることができる波をしてみましょう
私は制御不能:
<divのスタイル= "クリア:両方;"> </ div>
7、表示
表示:なし; - ラベルが消えます
表示:インライン;
表示ブロック;
表示:インラインブロック。
インライン、彼らはどのくらいを占めているデフォルトを持っています
ブロックは、高さ、幅、パディングマージンを設定するために提供することはできませんしました
******
インラインタグは:高さ、幅、パディングマージンを設定することはできません
ブロックレベルのタグ:高さ、幅、パディングマージンを設定します
8、パディングマージン(0、オート)