ディレクトリ
Webサービスの性質
Webサービスの性質
B / SアーキテクチャのためのWebサービス
- 指定されたサーバアドレスへのリクエストを送信します
- サーバーは、要求とプロセスを受け取ります
- 対応する応答を返します。
- ブラウザが受信して表示するためにユーザー素敵にページをレンダリングします
二つの方法のWeb要求
リクエストを取得
サーバーへのリソースへ
ポスト要求
北朝鮮は、サーバリソースを提出しました
HTTPプロトコル
HTTPプロトコルとは何ですか
HTTPハイパーテキスト転送プロトコルは、サービスとクライアント(ブラウザ)のデータ伝送のデータ形式を指定します
HTTPプロトコルの4つの特徴
- プロトコルは、アプリケーション層の役割上でTCP / IPに基づいています。
- 要求応答に基づいて、すなわち、要求に対応する応答。
- いかなる状態は、クライアントの状態を保存しないではないが、クッキー、セッションは、問題を解決することができます。
- 各データ転送が完了した後は、接続が切断されません。
HTTPデータ・フォーマット
要求フォーマット
最初のラインリクエスト(要求モード・プロトコル・バージョン)
リクエストヘッダ(ロットK:Vキーと値のペア)
\ R&LT \ N-
リクエストボディ(敏感パスワード識別番号)
応答形式
最初の行(要求モード・プロトコル・バージョン)に応答して
:レスポンスヘッダ(Vキーと値のペアロットK)
\ R&LT \ N-
応答性材料(ユーザデータを参照のこと)
応答ステータスコード
数字で表されるテキスト文字列の意味を表現する必要があります
1XX:サーバーは、リクエストが追加データを提出し続けることができます処理されている受信に成功しました
- 2XX:対応するサーバーのデータに成功応答
- 300番台:リダイレクション
- 4XX:クライアントエラー
5xxの:内部サーバーエラー
HTML
HTMLとは何ですか
HTMLはHTMLです
HTMLの文書構造
<!DOCTYPE html> # 声明文档类型
<html lang="en"> # 声明语言为英文的HTML网页
<head> # 头部开始
<meta charset="UTF-8"> # 声明编码格式
<title>HTML文档</title> # 网页标题
</head> # 头部结束
<body> # 主体开始
</body> # 主体结束
</html>
HTMLのコメント
<!--单行注释-->
<!--
多行注释1
多行注释2
-->
<!--我们在搭建页面的时候 通常会利用注释来划分区域-->
<!--导航条开始-->
<!--导航条结束-->
<!--侧边栏开始-->
<!--侧边栏结束-->
分類HTMLタグ
分類ラベル
ジタグ:例えばH1、Aとして、表裏に対応
自己終了タグ:IMGなどとしてだけ単一のラベル、
分類2のラベル
ブロックレベルタグ:単独行、例えばH1、P、時間として
インラインタグ:内部テキストは、はるかなスパン、Sとして、計上
HTML-ヘッド内部の一般的に使用されるタグ
タイトルページのタイトルが定義されている
ライト・コードにスタイルのCSSサポートの内部で
外部CSSスタイルファイルの導入リンクする
外部JSファイルをインポートすることができますjsのコード内に直接書き込むことができるスクリプトを
メタ定義されたページのソース情報の
メタ名=「キーワード」
メタ名=「説明」
一般的に使用されるタグ内のHTML-体
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML文档</title>
</head>
<body>
<h1>我是h1标题标签</h1>
<h2>我是h2标题标签</h2>
<h3>我是h3标题标签</h3>
<h4>我是h4标题标签</h4>
<h5>我是h5标题标签</h5>
<h6>我是h6标题标签</h6>
<p>我是段落标签,占一行</p>
<s>我是有删除线的文本标签</s>
<b>我是加粗的文本标签</b>
<u>我是有下划线的文本标签</u>
<i>我是斜体文本标签</i>
<br> <!--- 我是可以换行标签 --->
<hr> <!--- 我是分割线标签 --->
</body>
</html>
HTML-本体内の特殊文字
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML文档</title>
</head>
<body>
<p> <!--- '空格' --->
& <!--- '&' and符--->
¥ <!---'¥' 人民币--->
> <!---'>' 大于号--->
< <!--- '< ' 小于号--->
© <!--- '©' 版权符--->
® <!---' ®' 注册符--->
</p>
</body>
</html>
重要なHTML-本体と、一般的に使用されるタグ
div 一块区域 你可以往这块儿区域内填写任何内容
span
div和span是前期构建网页的基本骨架
a 链接标签
1.跳转功能 href参数控制跳转的地址
这个地址如果在你的机器上如果没有被点击过那么默认是蓝色
只要点过一次之后 之后颜色 都是紫色
<!--<a href="https://www.sogo.com">点我点我</a>-->
a标签默认是在当前窗口跳转
你可以指定 新建窗口打开
target = "_self"
target = "_blank"
2.锚点功能
给a标签设置id值
然后在href中书写对应的a标签id值 点击即可跳转到对应的位置
<a href="" id="a1">文章开头</a>
<div style="background-color: red;height: 1000px"></div>
<div style="background-color: green;height: 1000px"></div>
<div style="background-color: orange;height: 1000px"></div>
<a href="" id="a2">文章中部</a>
<div style="background-color: black;height: 1000px"></div>
<div style="background-color: green;height: 1000px"></div>
<div style="background-color: orange;height: 1000px"></div>
<a href="#a1">回到顶部</a>
<a href="#a2">回到中部</a>
img 图片标签
src
1.图片地址 网上的地址也可以是你的本地图片地址
2.url(网址) 自动朝该网址发送get请求 获取图片资源
alt
当图片加载不出来的时候 展示的提示信息
title
鼠标悬浮上去之后展示的提示信息
width和height
这两个参数 你只需要设置一个 就可以 默认是等比例缩放
两个都调整的话 图片就会失真
无序列表
<ul type="disc">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
type参数:disc(实心圆点,默认值)、circle(空心圆圈)、square(实心方块)、none(无样式)
有序列表
<ol type="1">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
type参数:1 数字列表,默认值、A 大写字母、a 小写字母、Ⅰ大写罗马、ⅰ小写罗马
标题列表 会有一个缩进显示
<dl>
<dt>标题一</dt>
<dd>章节文本</dd>
<dd>章节文本</dd>
<dt>标题二</dt>
<dd>章节文本</dd>
<dd>章节文本</dd>
</dl>
表格标签 展示数据 一般都用到表格标签
<table>
<thead>
<tr>
<th>username</th>
<th>password</th>
<th>hobby</th>
</tr> 一个tr就表示一行
</thead>
<tbody>
<tr>
<td>小明</td>
<td>123</td>
<td>study</td>
</tr>
</tbody>
</table>
ラベルには常に2つの性質を持っている必要があり
id
、id値を持つ必要があり、各タグのID番号に似ており、同じHTMLドキュメントIDタグで複製することはできません
class
クラス属性は、オブジェクト指向の継承クラスに多少似ている= 'C1 C2 C3君をラベルは、C1、C2、C3のすべてのスタイルを持っています