1. HTML、CSSとは何ですか?
Webサイトのプログラミング言語を行います。
ブラウザは、コード分析の後に見える元のコードのサイトにそれを見てどのように、私たちはサイトを参照してくださいということですか?マウスの右ボタンでページのソースを表示を選択してください。
どのようにコードを書くには?それはどこに書かれていますか?
ウェブサイトは、N、複数のページで構成されています。各Webページの.htmlファイルの
テレビシリーズ、40回のエピソード。.MP4ファイル
2. VSCodeエディタ?
VSコードをダウンロードします。https://code.visualstudio.com/
どのようにプラグインをインストールするには?borwserでブラウザビューで開いている言語パック、
基本的なエディタを使用することを学ぶのか?
セッティング:ファイル - >設定 - >設定(サイズ、ワードラップをラップするか否か)
ファイルを作成し、フォルダを作成、名前の変更、削除、検索
CTRL + S:保存
を選択:Ctrlキー+
Ctrl + Xキー、Ctrl + C、 Ctrl + V: 切り取り、コピー、貼り付け
Ctrl + Z、CTRL + Y:失効が進むの
1行を選択し、最初から、:シフト+終了を
シフト+ホームを:年末から行を選択
素早くラインコピーする:シフト+ ALT +↓
動きの速いライン:ALT +↑または↓を
タブ:後方インデント
タブ+シフト:インデント前方
マルチカーソル:ALT +マウスボタン
次の要素には同一のから選択される:CTRL + D
3. Chromeブラウザ?
クロームダウンロード:https://www.google.cn/intl/zh-CN/chrome/
Baiduのブラウザの市場シェアの統計情報:https://tongji.baidu.com/data/browserクローム:68.88パーセント
Web開発の4の深い理解?
UIデザイナー:デザイン案
のWebフロントエンドの開発エンジニア(H5開発)
設計案- >コードを
表示する>ページ-データベース内のデータ
HTML + CSS
構造:HTML
CSS:スタイル
ウェブバックエンドの開発エンジニア
5.ウェブ3つのコア技術?
HTML
CSS
JavaScriptの
6. HTMLの基本構造と性質?
HTML:HTML
ハイパーテキスト:テキスト+非テキストコンテンツ(画像、ビデオ、オーディオなど)
タグ:<言葉>
言語:プログラミング言語
また、マーカータグとして知られている:
<ヘッダ>
<フッタ>
2種類の文言:
単一ラベル<ヘッダ>
ジタグ<ヘッダ> </ヘッダ>
ラベルのショートカットキーを作成します:+タブキー・ワード - > <言葉>
タグは、垂直に配置されているネストされた組み合わされてもよいです。
一般的なHTMLタグます。http://www.html5star.com/manual/html5label-meaning/
ラベル属性:ラベルを変更すると、現在のラベルの機能のいくつかを設定します。
<タグの属性= "値"属性= 2 "値2">
7. HTML初期のコード?
各ファイルは.htmlのコードでは、複雑なHTMLファイルの文言を標準化するために、最初のコードと呼ばれています。
!+ Tabキー:すぐに最初のコードのHTMLを作成します
文書宣言<DOCTYPE htmlの!>:htmlファイルでブラウザに指示し
ます。<html langは=「EN」>最も外側のタグhtmlファイル:コードは、すべてのhtmlを包ん= LANG =「EN」の表現は英語LANGでウェブサイトですタグ「ZH-CN」中国のウェブサイトは表し
<ヘッド>
の<meta charsetが=「UTF-8」>メタ情報:いくつかの補助情報のcharset =「UTF-8」国際番号の書き込みページ、ページが文字化けする場合には表示されませんので、
<タイトル>ドキュメント</ title>はタイトルページを提供
</ HEAD>
<BODY>
表示領域Webコンテンツ
</ BODY>
</ HTML>
8. HTMLのコメント?
執筆:<! - コンテンツのアノテーション - >以下、あなただけ見て、ブラウザでのコード内のコメントの内容を見ることができます。
意味:
1.一時的に未使用のコードでは、後で使用するためにアップコメントしています。
2.プロンプトの開発者。
ファストコメントを追加したり、コメントを削除します
。1. Ctrlキー+ /
2.シフト+ ALT + A
9.タイトルと段落?
タイトル - >ジタグ:<H1> </ H1> ... <H6> </ H6>
一目では、最も重要な、と.htmlのファイルのH1タイトルはH1タグ一度表示されます。
H5は、H6タグは、多くの場合、Webページで使用されていません。
段落 - >ジタグ:<P> </ P>
10.変更されたテキストラベル?
強調 - >ジタグ:<strong> </ strong>に、<em>の</ EM>
違い:
結果の1書き込みと表示の違いがあり、太字、斜体
強い2.強い強調、EM強調弱いです。
下标:<サブ> </サブ>
上标:<SUP> </ SUP>
テキストを削除します。<デル> </デル>
テキストを挿入します。<イン> </イン>
注意:一般的には、削除して、テキストを使用すると、テキストを挿入します。
11.イメージタグ?
IMG - >単一ラベル
SRC:画像のアドレス紹介。
ALT:絵は問題がある場合、それはいくつかの友好のヒントのテキストを表示することができます。
タイトル:プロンプト
幅、高さ:画像のサイズ
12.パスの導入?
相対パス
、絶対パス
13.タブリンク?
A - >ダブルラベル</a>の<A>
href属性:リンクアドレス
targetプロパティ:あなたは、デフォルトでは、道を開くためのリンクを変更することができます。_selfは現在のウィンドウで新しいページを開きます_blankを開きます
ベース - >シングルタグ:アクションは、リンクのデフォルトの動作を変更することです。
14.アンカー?
二つのアプローチ
1.番号#+ id属性
name属性(音名属性がタグに適用される)#+ 2.数
15.特殊文字?
+ 1&文字
2.解決競合ああ角括弧は約複数の空間を達成するために添加
3.&LTを;&GT;& NBSP。
16.ラベルのリスト?
1.順不同リスト- > UL李入れ子に満たす仕様
2.順序付きリスト- >オールLiは、一般的に以下を使用し、順不同リストによって達成することができる
。3.リストの定義- > dtがタイトルリストのエントリを追加する必要がDD dlとタイトルの内容を記述
注:リストの間には、マルチレベルのリストを構成する、互いに入れ子にすることができます。
17.テーブルタグ?
テーブル、TR、目、TD、キャプション等
注意:ネストされた関係が存在する前に、仕様の巣を満たすために。
セマンティックタグ:THEAD、TBODY、tFood
注:の表では、TBODYは、複数回出現することができますが、THEAD、tFoodは一度だけ表示されます。
合わせ:左、中央、右
VALIGN:トップ、ミドル、ボトム
18. formタグ?
フォーム、INPUT、TextAreaの、SELECT、ラベル...
INPUT(単一のタグ)タグは、制御内容を決定するためにtype属性を持っています。
いくつかの共通の属性があります
チェックし、障害者、名前は、のために...
19. DIVおよびスパン?
DIV:製領域分割ブロック
スパン:インラインテキストの修正のために
20. CSSの基本的な文法?
セレクタ{項目1:1つの値、項目2:2値}
幅:幅
高さ:高
背景色:背景色
単位長さ:
1. PX - >ピクセル
の2% - >の割合
外側容器1 - > 600PX容器現在50% - > 300ピクセルによって
> 400ピクセル電流容器50% - - > 200pxの外側容器2
導入の21 CSSスタイル的?
内1.インラインスタイル
スタイル属性
2.内部スタイル
スタイルタグの
違い:
別途構造とスタイルように、内部のスタイルのコードは、複合W3C仕様基準を多重化することができます。
3.外部スタイルは
name.css、個別のCSSファイルを導入しました
リンクタグはrel属性は、リソースページとの関係を指定し、外部リソースによって導入され、リソースのhref属性に取り組みます。
方法により導入された@import外部スタイル(このように、多くの問題を持ってお勧めできません)
色表現で22 CSS?
1.単語の表記:赤、青、緑、黄色...
2進数表記:#FFFFFF#000000
0 2. 3. 1. 4. 5. 6. 7. 8 9
0 1
0 2. 3. 1. 4. 5. 6. 7. 8. 9 ABCDEF
3. RGB原色表記:RGB(255,255,255)、
0から255の範囲であります
カラーツールを取得します:
色ダウンロードの抽出:HTTPS://www.baidufe.com/fehelper
Photoshopのツール