HTMLとCSSの研究ノート(1)

1、ウェブ3つのコア技術?
HTML
CSS
JavaScriptの

2、HTMLの基本的な機関と属性
HTML:HTML

ハイパーテキスト:テキスト+非テキストコンテンツ(画像、ビデオ、オーディオなど)

タグ:<言葉>

言語:プログラミング言語

また、マーカータグとして知られている:
<ヘッダ>
<フッタ>
文言二つのタイプに分ける:
単一ラベル<ヘッダ>
ジタグ<ヘッダ> </ヘッダ>

> <言葉> - +単語タブ:ラベルのショートカットを作成します。

タグは、縦方向に入れ子に配置することができます。

一般的なHTMLタグます。http://www.xuanfengge.com/funny/html5/element/

属性ラベル:現在の関数を標識、ラベルを変更します。
<タグ>属性=「値」

3、HTML初期コード:

各ファイルは.htmlのコードでは、準拠したHTMLファイルであることを書かれて、最初のコードと呼ばれています

+ Tabキー:あなたはすぐに最初のコードのHTMLを作成することができます。

<!DOCTYPE HTML>宣言文書:htmlファイルでブラウザ伝える
<HTML LANG =「EN」>を、最も外側のタグhtmlファイル、コードのlang =「EN」表現でHTMLタグに包まれ、すべてが英語のサイトです。 LANG = "ZH-CNは、"中国のウェブサイトを表します。
<ヘッド>場所のURLを入力してくださいは、通常、ヘッドと呼ばれる
いくつかの補助的な情報が書かれたWebページ(文がウェブサイト上で異なる言語を使用して、国際的なエンコーディングを使用することを示していると文字化け表示されません。<メタ文字セット=「UTF-8」>メタ情報ケース)
ページヘッダ・ラベルとの関係は、<HEAD>タグの内部(セットのタイトルページ)で記述された<タイトル>ドキュメント</タイトル>
</ HEAD>
<BODY>
表示のWebコンテンツ領域
</ BODY>
< / HTML>

4、HTMLのコメント:

執筆:<! - コンテンツコメント - >ブラウザで目に見えない、あなたは、コード内で見ることができます

意味:
1を、あなたが後に使用するのは簡単、コメントコードを行うことができます
開発を促す、2

すぐにコメントやコメントを外しを追加する:
1、Ctrlキー+ /
2、Shiftキー+ ALT + A

5、タイトルと段落?

タイトル - >ジタグ:<H1> </ H1> ..... <H6> </ H6>

それらのページでは、最も重要なH1タグ、および.htmlのファイルのみをH1タグ一度表示されます

H5、H6タグは、Webページで使用しないでください

段落:ジタグ:<P> </ P>

6、変更されたテキストラベル:

強調:ジタグ:</ strong>のの<strong>

差:1、文言の効果を示すと差がある。ボールドイタリック
強いタイプで2、強い強調は、EM弱いです

下标:<サブ> </サブ>
上标:<SUP> </ SUP>

削除テキスト:<デル> </デル>
挿入テキスト:<イン> </イン>
削除テキストと挿入テキストは、一般的に関連して使用されています

図7に示すように、画像タグ

IMG:単一ラベル
SRC:画像のアドレスを導入
絵に問題がある場合には優しい言葉のために表示することができます:ALT
タイトル:プロンプト
幅の高さ\:画像のサイズを

8、導入のパス?

絶対パス
、相対パス

9、リンクタグ?

:ダブルラベル</a>の<A>
href属性:リンクアドレス
targetプロパティ:デフォルトの道を開くためのリンクを変更することができます。_selfは現在のウィンドウで新しいページを開くには_blankを開きます

ベース:シングルタグ:アクションは、リンクのデフォルトの動作を変更することです

10ジャンプアンカー?

二つのアプローチ:
1、#+ id属性番号
2、番号#+ name属性(音名属性がタグに適用されます)

11、特殊文字?

1、&文字+
2、ああ、このような競合アングルブラケットを作るとして解決の競合は、複数のスペース追加
3、&LT;​​(左アングルブラケット);&GT;(直角ブラケット);&NBSP;(スペース)

12、タグのリスト?

1、順不同リストは:ULリチウムネストされたミート仕様は、ULおよびLiが他の隣接する中間ラベル持っていなければならない
2、順序付けられたリストを:OL Liは一般にあまり使用、順不同リストの代わりに使用することができる
3 、定義リスト:あなたはタイトルのコンテンツのタイトルと説明を追加する必要がある項目のDDリストDT DL

注:リストの間には、マルチレベルのリストを構成する、互いに入れ子にすることができます。

13、テーブルタグ

テーブル、TR、目、TD、キャプション等

注意:それらの間のネストされた関係があり、仕様の巣を満たすために。

セマンティックタグ:THEAD、TBODY、TFOOT

注:の表では、TBODYは、複数回出現することができますが、唯一のthead要素とTFOOT一度発生する可能性があります

ALIGN =左:左、センター、右
VALIGN:底トップ、ミドル、
行数と列数を確認するためにテーブルを取得すること; TR注ラインを表し、最初のTRタグ(すなわち、最初の行)番目タグ内であります各列のタイトルは、
TDタグ内番目のラベルやタグtrの数が列の数を決定し、行と列の後に再び合流することを検討してください。(Tdは、これが「弟」以外のタイトルであるので、覚えています)

*合成発行ランク:ROWSPAN =「X」と組み合わせる線は、X合成行の数を表し、行と列を組み合わせ注意第1の細胞表面ジェリー合成書き込み線組み合わせまたはROWSPAN COLSPANを責める、マージされたカラムCOLSPAN =「X」であり; Xは、列の数がマージ表し、特定の操作を練習を参照
*もう一つのポイント:①一対のTRタグの行を表す。②番目又はTDタグ内対数TRタグは、列の数を決定しない。
③マージ行、(すなわち、異なるラインで動作)内部、異なるTRタグで番目又はTDタグをマージし、第1の素子内部にCOLSPAN属性を追加する必要性を取り除きます。
④同じで目やTDタグをマージする必要性を削除し、最初の要素にCOLSPAN属性を追加し、ちょうどTRタグ内部のために、列をマージするとき

14、タグを形成しますか?
フォームは、INPUT、TextAreaの、SELECT、ラベル.....
INPUT:単一のラベルは、タイププロパティを制御するもので決めるがあり
、いくつかの共通の属性があります
、チェックを無効、名前....(表形式内にネストされたとき、テーブルネストされたルールに注意を払うには、)は、ネストされたルールを形成していません

15、DIVおよびスパン?
DIV:ゾーニングブロックしない
スパンを:テキストが変更された、埋め込まれました

文法の16、CSSの基礎?
フォーマット:
セレクタ{項目1:1つの値、項目2:2}パターンを書き込むないかもしれない属性のセットの最後の値

幅:幅、
高さ:高、
背景色:背景色

単位長さ:
1、PX->画素。
2、% - >の割合
1-> 600PX外側容器電流容器50% - > 300ピクセル
外側容器-2-> 400ピクセル電流容器50% - > 200pxの

ノートのCSS:
/ *コメント* CSS /

17、CSSスタイル的導入の?
図1に示すように、インラインスタイル(また、タグにスタイル属性を追加することにより、スタイルを追加するために、インラインスタイルと呼ばれる)
スタイル属性
2、内部スタイル
スタイルタグ
差:
内部スタイルコードがそう別々構造およびスタイルことは、W3C規格に沿って、再利用することができます工程
3、外部スタイル
別のCSSファイルを導入し、name.css

リンクタグは外部リソースによって導入され、rel属性は、リソースページとの関係を指定し、アドレスのhref属性は、リソースを指定する
外部スタイル@importの方法によって導入し、このアプローチは、多くの問題を抱えている、の使用はお勧めしません

、色表現でCSSを18?
1、単語表記:赤、青.....

2,16表記:

三原色の3、RGB表現:
RGB(255,255,255)、
0〜255の範囲で

おすすめ

転載: www.cnblogs.com/AhuntSun-blog/p/11982404.html