- 代替コンテンツ: - ソフトウェアのインストール・ガイド
1.ノートツール---- typroa
- ファイル名:お使いのコンピュータ上の異なるファイルを区別するために、各ファイルが指定した名前に設定されているために。ベースファイル名(主のファイル名)と、拡張コンポーネント。
EG :. SDNは、DOCX販売統計を。XLSX
別のファイル拡張子は同じではありません
[チェーンが失敗したイメージのダンプ、発信局は、直接アップロード(IMG-o2LOeXwu-1582976747964)(C:\ Users \ユーザーDELL \のAppData \ローカル\一時\ 1581996624939.png)ダウン画像を保存することが推奨され、セキュリティチェーン機構を有していてもよいです]
2.スクリーンショットソフトウェアのインストール
-greenshot
3.sublimes-インストールする必要はありません
- 減圧
- 下:(重機をダウンロードした後、いくつかのソフトウェアを使用することはできませんので、最高の、Cドライブである彼らの選択の)フォルダに解凍したファイルをコピーします。
- デスクトップにショートカットsublimes.exeを送信]を選択します
HTML、
A、HTML入門
1.HTMLは何ですか
HTML:ハイパーテキストマークアップ言語ハイパーテキストマークアップ(ラベル)言語
ページを表示するにはどのようにブラウザに指示Webページを作成するために使用される種々の標識で構成
2.役割
- Webページ、Webページやコンテンツコントロールディスプレイを作成します。
- 画像、音楽、ビデオ、アニメーション、およびその他のマルチメディアを挿入
- 情報リンクを取得することにより、
- ユーザデータを取得するためのフォームを使用して、相互作用
3.バージョン
W3C:ワールドワイドウェブコンソーシアムウェブコンソーシアム、Web技術の組織的基準や規範の開発、HTMLはW3Cによって開発された規格です
HTML 4.0.1およびHTML 5.0 -----総称H5:2つのバージョンがあります。
公式サイト:httpsを://www.w3cschool.com.cn
4.拡張
.htmlを.htmのかの中にHTMLファイルの拡張子が終了
例えば:hello.html
第二に、HTML文書の構造
1.基本構造
1.1はじめに
- htmlタグは角括弧のキーワードで生きる、例えば、ラベルはペアであるのが普通です。
- テーマの頭部および一部を含むルートタグ
- ヘッダー、タイトル、ドキュメントタイプ、文字エンコーディング、キーワードやその他の要約情報として、ページに関する情報を提供
- 表示されるページコンテンツの主要部分を提供し、実際のショーのページ
- 合理的なインデント
- ラベル名は小文字で、一般的にケース小文字を区別しないですが、
1.2開発ツール
メモ帳、メモ帳、崇高な、メモ帳++、Dreamweaverの、VScode、Webstormなど
これらの手順を実行します。
1.新しいファイル(CTRL + N)を作成し、(CTRL + N)を保存し、拡張子を指定.htmlを
2.書き込みhtmlコード
3. [ブラウザで結果を検証するためのファイル
1.3ブラウザ
- 一般的なマイクロソフトのIEブラウザ、クロームグーグル、FirefoxのFirefoxの、サファリリンゴ
- ブラウザの役割:htmlファイルを読み込み、Webページの形式で表示
- ブラウザが直接HTMLタグを表示しませんが、タグの使用は、ページの内容を説明するために
2.ラベル
ラベルの2.1構成
完全なHTMLタグの構成は次のとおりです。
<标签名 属性名="属性值">内容</标签名>
一般的に引用符を使用するプロパティの値は、二重引用符を使用します
2.2分類ラベル
ラベルは、閉じた状態に分かれています:閉鎖し、非クローズドタイプ
- 閉じる:通常ペアで開始タグだけでなく、ラベルの終わり、と
1 <title>标题</title>
2 <body>主体</body>
3 <h1>一级标题</h1>
- 非密閉式:のみ、開始タグ、終了タグなし
1 <meta>
2 <br>
3 <hr>
標識は、それ自身のライン上にあるに分けられる:ブロックレベルとラインレベルタグラベル
- ブロックレベルタグ:ブロックとして示され、専用線
1 <h1></h1>
2 <hr>
- 行レベルのタグ:
<span></span>
[チェーンが失敗したイメージのダンプ、発信局は、直接アップロード(IMG-eiQnS8EH-1582976747965)(C:\ Users \ユーザーDELL \のAppData \ローカル\一時\ 1582247397065.png)ダウン画像を保存することが推奨され、セキュリティチェーン機構を有していてもよいです]
2.3ノート
コメントは、説明するために、マークのHTMLステートメントに使用され、ブラウザに表示されていないが、あなたは、ソースコードを見て、見ることができます
1 <!--注释内容--->
2.4文字エンティティ
文字エンティティは、表示するための特殊文字、特殊文字と呼ばれる; <>&スペースのように、
構文:
&实体字符的名称;
一般的な物理的なキャラクター。
1 < < 小于号 less than
2 > > 大于号 great than
3 nbsp; 空格 space在html中对于连续的空白字符(空格、缩进、换行等),在浏览器中显示时只能显示为一 个空格
4 & & 与
5 " " 双撇号
6 © 版权符号 copyright
7 ® 注册符号 register
8 × 关闭符号
注:実体が厳密に大文字と小文字が区別され、大文字と小文字を区別した文字であり、
2.5ドキュメントタイプ
HTMLドキュメントの最初の行には、文書型宣言を使用してHTML
ブラウザページを伝えるために使用されるHTML文書の種類は、簡単な言葉で、仕様のHTMLバージョンを指定するために使用されます
現在、基本的にはHTML5を使用して、
第三に、一般的に使用されるタグ
1.基本]タブ
タグ | 意味 | 説明 |
---|---|---|
BR | ブレークタグ | 非終了タグ |
P | 段落タグ | 段落の前と後に閉じるタグタイプ、タグブロックレベル、 |
H1、H2、H3 ... H6 | タイトルタグ | H6によるとH1は、徐々に小さくなるブロックレベルのラベル、およびテキストが太字で表示されます |
前 | フォーマット済みのラベル | フォーマットをコード予約 |
DIV | パーティションラベル | 一般ページに使用される一般的に使用される容器は、分割されたブロックレベルのタグをレイアウト |
スパン | ラベル範囲 | 典型的には、行内の特別なフォーマットのデフォルト、効果なしで |
オール、李 | 順序付きリスト | アイテムのシーケンシャルリスト |
UL、李 | 順序なしリスト | 順序なしリスト項目 |
DL、DT、DD | 定義リスト | 等の説明と定義されたリスト用語、写真、 |
時間 | 水平方向のラベル | 非オフのラベル、ブロックレベルのタグ |
LMG | 画像タグ | 非終了タグ |
1.1順序付きリスト
オール:順序付きリスト
李:リスト項目
マーク1から始まるアラビア数字は、属性がデフォルトで変更することができます
-
typeプロパティ:リストの前に設定したシンボルマーク、値、数1(デフォルト)、または文字A、またはローマ数字のI
-
プロパティを開始:開始値を設定し、その数でなければなりません
1.2順不同リスト
UL:unoderedリスト
李:リスト項目
デフォルトの符号として円を充填し、そして特性がによって修飾することができます
type属性:リストマークのシンボル値を設定する前に、ディスク円(デフォルト)を閉鎖し、サークルオープン円、正方形スクエア、いずれも無記号
1.3定義リスト
DL:定義リスト
DT:定義のタイトル
DD:定義の説明
1.4水平ラベル
時間:水平
共通の属性:
-
カラー色
二つの色
色名:青、緑、白、オレンジ、赤、ピンク、など
進RGB:赤、緑、青の使用:#RRBGGBB各色は、0から256の範囲では、進00-FFに変換しました
例えば:#FF0000赤、#00FF00グリーン、#0000FF青、黒の#0000、#CCCCCCグレー、#FF7300オレンジ
-
サイズ:厚さ、値
-
幅幅
双方向:
画素、絶対値(固定値)
パーセンテージ:相対値に対して
-
ALIGNアラインメント
値:デフォルトのセンターセンターは、右から左
1.5グラフィックス・ラベル
IMG:画像
の一般的な画像フォーマット:.JPG .PNG .GIF .bmpの
共通の属性:SRC:ソース指定された画像のパス(ソース)、必須パラメータ
HTMLソース画像と同じフォルダ場合、画像は直接名前を書き込むことができる
規則を、複数の画像がそのようなプロジェクト\画像として、別のフォルダに保存され、この時間は、それが画像名の前に必要ですパスの追加
:カテゴリーパス
相対パスを言った:./現在のパス上のファイルフォルダの... /現在の場所
ヒント:... /画像
ALT:絵はプロンプト情報は表示されません。
タイトル:メッセージの画像の上にマウスホバー表示
幅/高さ:幅と高さを設定します
デフォルトでは、元のサイズの表示
一つだけならば、他は自動的にスケーリングされ
幅と高さの両方の場合は、画像の歪みを引き起こす可能性があり
双方向:ピクセル:絶対値(固定値)
パーセンテージ、相対値は、ラベルの幅の相対的な割合は、親コンテナの上に位置しています
2つの他のラベル
タグ 意味 説明 私 斜体 イタリック で コンテンツを強調する ブラウザに表示されている一般的ですイタリック体 住所 アドレス イタリック体は、ブラウザで一般的なブロック・レベルのタグを示し B 大胆な 大胆な 強い コンテンツを強調する ブラウザに表示された場合には、通常、太字 の 取り消し線 削除 イン 下線 サブ 添字 SUP 上つき BDO テキストの方向を設定します。 属性DIR =「LTR」で右から左に(右から左)「RTL」(左から右) 略称 テキストの省略形を設定します テキストの上にマウスが現在title属性のメッセージで設定されたときに表示されます 小さい 現在のフォントサイズの減少一つの他の言語への相対 大きい 現在のフォントサイズに対する相対は、他のテキストの一つを増加させ
セマンティックよりよくするためには、
3. headタグ
-
例えば、バーコードの文字、キーワード、説明、著者およびその他の情報などの要約情報をメタ定義されたWebページ、
-
定義のタイトルタイトルページ
-
スタイルは、ページのCSSスタイルの中で定義されます
-
外部CSSスタイルへのリンクの参照
-
定義されたスクリプトまたはスクリプトの参照
-
ベースパス定義基礎
現在のページファイルの場所の相対パスでのデフォルトの参照
|
|ビッグ| |の現在のフォントサイズの増加に対するもう一つの言葉|
セマンティックよりよくするためには、
3. headタグ
-
例えば、バーコードの文字、キーワード、説明、著者およびその他の情報などの要約情報をメタ定義されたWebページ、
-
定義のタイトルタイトルページ
-
スタイルは、ページのCSSスタイルの中で定義されます
-
外部CSSスタイルへのリンクの参照
-
定義されたスクリプトまたはスクリプトの参照
-
ベースパス定義基礎
相対パスとして現在のページファイルの場所への既定の参照