フロント--htmlについて

ソフトウェア開発フレームワーク:

  C / Sアーキテクチャ

    クライアント

    サーバー

  B / Sのアーキテクチャ

    ブラウザ

    サーバー

  自然:B / Sアーキテクチャは、C / Sアーキテクチャです

 

HTTPプロトコル

  ハイパーテキスト転送プロトコル:クライアントとサーバーの間で送信されるメッセージの形式を指定

  4つの特性:

    アプリケーション層プロトコル1、TCP / IPプロトコルベースのアクション

    要求応答に基づいて2、

    3、ステートレス(サービスエンドユーザーは、私は思い出すことができない何千回に一人の状態を保存することはできません)

    図4に示すように、無接続(切断後に直ちに応答を要求し、両者の間に何の関係もないことになります)

  WebSocketのHTTP最大のパッチの一つであり、それは長い間の接続をサポートしています

   リクエストを取得します:

    リソースへのサービスの終了に向けて

  ポストの要求:

    データを提出するサービスの終了に向けて

  リクエストデータ形式:

    最初の行は、(HTTPプロトコル、現在の要求方法のバージョンを識別する)要求

    要求ヘッダ(K、Vキーと値のペアの束)

     \ r個の\ nを

    リクエストボディ(データを搬送POSTリクエスト)

 

  データの要求に応じて:

    応答の最初の行

    レスポンスヘッダ(パイルK、キーと値のペアをV)

     \ r個の\ nを

    レスポンスボディ(ポストデータリクエストで運ば)

 

  応答ステータスコード:

    1XX:サーバーは、データが処理されている、あなたは追加のデータを提出し続けることができます正常に受信しました

    2xx:成功は、サーバーが正常に要求されたデータがあなたに送信された要求します

    300番台:リダイレクション

    4XX:要求リソースは存在しません。

    5xxの:サーバーエラー

 

Webサービスの性質:

  1、ブラウザは、サービス側に要求を送信します

  2、サーバは要求を受信します

  図3は、サーバは、対応するコンテンツを返します

  図4に示すように、ブラウザが表示すること、特定の規則に従ってユーザにページ表示をレンダリングする、応答を受け付け

 

要求モード:

  リクエストを取得

    (例えば、ブラウザウィンドウwww.baidu.com入力のような)サービスリソースに向かって終了します

  ポスト要求

    サービス側に向けて(ユーザー名とパスワードを送信するためにユーザのログイン時間など)のデータを提出してください

  URL:ユニフォームリソースロケータ

 

HTML:

  ハイパーテキストマークアップ言語

  ブラウザは、HTML、CSS、JSを知っています

  

コメントでのHTML:

  <! - 単一行コメント - >

  <! -

  複数行コメント

  複数行コメント

  - >

 

HTMLの文書構造:

<HTML>
<HEAD> </ HEAD>:ヘッド内のタグは、いくつかの設定の定義を参照するようにユーザーに表示するために使用されていないが、主に参照するには、ブラウザの
<BODY> </ BODY>:本体内のタグは、ブラウザでユーザに提示するとの内容を参照するには
、</ HTML>

 

二つの方法でHTMLページを開きます。

  1、見つけたファイルブラウザがパス選択を開きます

  2、pycharm早くオープン

 

 

HTMLタグは一般的に使用されています。

  [基本]タブ:

    Pタグ:段落タグ

    Hタグ:タイトルタグ

  共通のタグ:

    DIV

    スパン

    P

    IMG  

      SRCは、(このパスがオンラインであってもよい)画像パスに格納されています

        1、(URLは自動的にそれぞれのデータ取得を要求する)のURLであってもよいです

        画像を直接置くことができる2、バイナリデータが自動的に画像に変換されます

      ディスプレイは、画像情報の外にあるとき、画像が読み込まれていないALT

      マウスが画面上にプロンプ​​ト情報が中断され、タイトル

      heigtt、幅:あなたはパラメータの割合を指定した別の時間スケールを待ちます

    A

      限りポイントとしてのhrefクリックしたときに、URLにジャンプし、URLの後ろに格納され、リンクがオフ指していない場合、この時間はデフォルトの青、一度、そしてそれは紫です

      デフォルトターゲットはジャンプの表現がある_self現在のページジャンプ_blankは新しいページです

      アンカーポイント(トップ):hrefのも書くことができますが、別のラベルIDは、IDのクリックは、ラベルに対応する値にジャンプします

    各ラベルには、3つの重要な属性を持っている必要があります

      1、id値。この値は、人間のアイデンティティーに似ていますし、HTMLドキュメントのid値は一意であることが保証されなければならない繰り返すことはできません

      2、クラスこの値は内部、あなたがより多くを書くことができ、オブジェクト指向の継承に似ています

      3、ラインの中で一番高い優先度に属しているタグに直接描画スタイルをサポートしているスタイルのCSSコード

      PS:任意のラベルサポートカスタムプロパティ!

 

  リストタグ:

    表のタグ:

       < > 
                < THEAD > </ THEAD > 
                < TBODY > </ TBODY > 
            </ テーブル> 
            
            
            TRが行を表し
            TH及びTDテキストはさ
                で番目THEADを示唆
                してTBODY tdの
            
            水平方向をCOLSPAN表さ
            垂直表さROWSPANを方向

 

    フォームタグ:

      ユーザー入力(入力選択アップロード)を受け入れることができるとバックエンドに送ります

      フォームフォーム:

        提出されたデータを制御するために、目的地のアクション

          現在のページのデフォルトのパスに書き提出せずに1、

          2、フルパスを書きます

          3、パスのサフィックス

        入力タグ:

          タイプ:

            テキスト:プレーンテキスト

            パスワード:平文暗号文が表示されません。

            日付:日付

            提出:トリガー・アクションが提出

            ボタン:プッシュボタンには本当の意味を持っていませんが、イベントのJSを結合することにより、カスタムアクションを実装することができます

            リセット:フォームの内容をリセット

            ラジオ:ラジオコントロールはデフォルトの選択で確認することができます(プロパティ値と同じ時間プロパティ名は一つだけを書くために省略できる場合)

            チェックボックス:デフォルト値を設定することができ、上記のチェックボックスをオンにします

            ファイル:ユーザーがファイルをアップロードしてもらいます

        タグを選択します。

          デフォルトでは、ラジオであるが、それは複数で複数選択になることができます

          デフォルトの選択を使用しseleced

        textareaタグ:

          ユーザーが入力したテキストの大部分を取得します。

        デフォルトのフォームを使用すると、ポスト提出にメソッドのGETリクエストパラメータを使用する必要があるフォーム

        彼らは、アクションをトリガーしたい場合は、フォームを送信するために形成します

          1、入力ラベルタイプが提出し、指定しました

          2、直接書き込みボタンのラベル

          PS:ユーザー入力を取得し、選択し、アップロード時間がname属性を持っている必要があり、name属性は、キー値の辞書と同様であり、使用者によって書かれた得るために、ラベルの値は、値の辞書に似ています

        データフォームを送信するときは、フォームのenctypeパラメータを指定する必要があります

 

おすすめ

転載: www.cnblogs.com/tulintao/p/11454919.html