44日目のhttpのhtml
01.は、フロントエンドとは何ですか
- ユーザインターフェイスダイレクトコールとの相互作用は、フロントを呼び出すことができます
02.バックエンドは何ですか
- バックエンドは、シーンの演算子の背後にある本当の、コードの束であります
03.前の学習プロセス
- HTML、CSS、JS
- フレーム
自然の04.ウェブ
- 要求、応答
- ブラウザのURLを入力し、Enterキーを押して何が起こる事柄入力します
- 指定されたサーバアドレスへのリクエストを送信します
- サーバは要求を受信し、処理します
- 結果を返します。
- 見栄えの良いページを受信してレンダリングするブラウザ、ユーザーに見て
- リクエストメソッド
- リクエストを取得
- サーバーへのリソースへ
- 例:入力したURLを入力します。
- ポスト要求
- 北朝鮮は、データ・サーバを提出します
- 例:ログイン機能
- リクエストを取得
05. httpプロトコル
- ハイパーテキスト転送プロトコル
- これは、データ伝送サービスとクライアントブラウザのフォーマットを指定します
- 4つの特性
- アプリケーション層への影響に基づいてプロトコルTCP / ID
- 要求応答に基づいて、
- それぞれの要求に対応します
- ステートレス
- クライアントの状態を保存しません
- あなたは次のように兆候を示しているとき、来る回数どんなに
- クッキーのセッション、ユーザーの状態を保存します
- 接続なし
- 各要求応答が切断された後
- 長い接続用WebSocket;メイクにチャットルーム
- データフォーマット
- 要求フォーマット
- リクエスト(要求モード・プロトコル・バージョン)の最初の行
- リクエストヘッダ(ロットK:Vキーと値のペア)
- 空行/ R / N
- リクエストボディ(機密情報、パスワード、ID番号)
- 応答形式
- 最初の行(要求モード・プロトコル・バージョン)に応答して
- レスポンスヘッダ(ロットK:Vキーと値のペア)
- 空行/ R / N
- レスポンス本体(ユーザー・データを参照してください)
- 要求フォーマット
- 対応するステータスコード
- 意味表現文字列の文字列によって表される数値
- 1XX、サーバは要求が処理されているあなたの気持ちを受け取った、あなたは追加のデータを提出し続けることができます
- 2XX、サーバ対応する成功した応答データ(200)
- 3XX;リダイレクト
- 4XX;(404要求されたリソースが存在しない)(403現在の条件の数を満たしていない、できない通常のアクセス)
- 5XX、内部サーバーエラー(500)
06. HTML
HTML;無ロジック
HTMLのコメント
一方通行の
多行
<!-- 单行 单行 单行 -->
ページを設定するときは、多くの場合、分割された領域へのコメントを使用
<!--导航条开始--> <!--导航条结束--> <!--侧边栏开始--> <!--侧边栏结束-->
HTML文書構造
<!DOCTYPE html> <html lang="en"> <head><!--给浏览器看的--> <meta charset="UTF-8"> <title>网页标题</title> <style> 内部编写css样式 </style> </head> <body><!--给用户看的--> 网页显示的内容 </body> </html>
分類および表示1
ダイタグ(H1、);
<h1>我是h1</h1>
自己終了タグ(IMG);
<img src="http://img5.imgtn.bdimg.com/it/u=268421633,928848426&fm=26&gp=0.jpg"/>
分類および表示2
- ブロック電極タブH1〜H6、P BR時間のdiv要素
- 独占一行
- ブロックレベルのタグ内の行ラベルおよびタグ極他のブロック内にネストすることができます
- 注; P電極ブロックタグのラベルではないが、ネストされたブロックが、内部電極タブ
- インラインタグsiubスパン
- どのくらいの内部会計上のテキスト
- インラインタグは、行、ブロックタグ内にネストすることはできません
- ブロック電極タブH1〜H6、P BR時間のdiv要素
ラベルは、通常は3つのプロパティ値でなければなりません
- 各IDタグは、IDタグID値を有するべきであり、同一のHTML文書に繰り返すことができません
- クラスクラスは、オブジェクト指向の継承クラスのようなビットを属性=「C1 C2 C3」ラベルがC1 C2 C3のすべてのスタイルを持っています
- スタイル
ヘッドは、一般的に、タグを使用します
title 定义网页标题 style 内部编写css样式 link 引入外部css代码 script 内部编写js代码 meta 定义网页源信息,用户在搜索引擎上搜索的关键字 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>网页标题</title> <style> h1 { color: green; } </style> <link rel="stylesheet" href="03%20我的第一个css文件.css"> <script> alert('hello baby') </script> <script src="04%20我的第一个js文件.js"></script> </head> <body> <h1>我最牛逼</h1> </body> </html>
ボディは、一般的に、タグを使用0
h1>h2>h3>h4>h5>h6 标题大小 eg;<h1> 一级标题 </h1> <s> 文本内容 </s> 删除线 <u> 文本内容 </u> 下划线 <i> 文本内容 </i> 斜体 <b> 文本内容 </b> 加粗 <p> 文本内容 </p> 段落标签,为一个段落 <br> 空行 <hr> 一条横线
本体内の特殊記号
空格 & & ¥ ¥ &jt; > < < © © ® ®
bodyタグで重要。
div 一块区域,可以像div中添加任何元素,和span一起作为前期构建网页的基本骨架 span a 超连接标签 <a href="https://www.sogo.com" target="_blank">点我点我</a> 1.跳转功能;href参数控制跳转地址 2.锚点功能;给a标签设定id值在href中制定id值就可以直接跳转到改标签的位置 3.默认在当前窗口打开,通过target='_blank'指定打开一个新窗口 <a href="" id="a1">文章开头</a> 页面显示信息 <a href="" id="a2">文章中部</a> 页面显示信息 <a href="#a1">回到顶部</a> <a href="#a2">回到中部</a> img 图片标签 <img src="图片地址" alt="图片无法加载出显示" title="鼠标悬停到图片上显示" width="宽度值" height="高度值"> src 图片地址 网上的地址也可以是本地图片的地址,url 自动朝网址发送get请求获取图片资源 alt 当图片加载不出来时 展示的显示信息 title 当鼠标悬停到图片上时显示 width,height 只设置一个默认等比例缩放
リスト]タブ
順序なしリスト
ul套li <ul type="none"> <li>文本</li> <li>文本</li> <li>文本</li> </ul> type 参数 disc(实心圆点,默认值) circle(空心圆圈) square(实心方块) none(无样式)
順序付きリスト
ol套li <ol type="a" start="26"> <li>文本</li> <li>文本</li> <li>文本</li> </ol> type 参数 1 数字列表 默认 A 大写字母 a 小写字母 I 大写罗马数字 i 小写罗马数字
タイトル一覧
dl套dt和dd dt标题 dd内容 <dl> <dt>标题1</dt> <dd>内容1</dd> <dd>内容2</dd> <dt>标题2</dt> <dd>内容3</dd> <dd>内容4</dd> </dl>
表タグ
adminlte
一个tr表示一行,一个th表示一列 border: 表格边框. cellpadding: 内边距 cellspacing: 外边距. width: 像素 百分比.(最好通过css来设置长宽) rowspan: 单元格竖跨多少行 colspan: 单元格横跨多少列(即合并单元格) <table border="1"> <thead> <tr > <th>username</th> <th>password</th> <th>hobby</th> <th>is_delete</th> </tr> </thead> <!--表头--> <tbody> <tr > <td rowspan="2">jason</td> <td>123</td> <td>study</td> <td>0</td> </tr> <tr> <!--<td>tank</td>--> <td>444</td> <td>DBJ</td> <td>1</td> </tr> <tr> <td>echo</td> <td colspan="2">333</td> <!--<td>movie</td>--> <td>1</td> </tr> </tbody> <!--表数据-->
フォームフォーム