2018-08-14day07前段页面

html 超文本标记语言

代码1
网页1

<input type='text'><span>文本输入框</span>
input 输入框
tepe 类型
text 文本

Notepad++使用

1.显示/隐藏工作区：视图中勾选
2.关键操作

• add添加
• remove/remove All 指定文件移除/全部移除
• copy path 路径拷贝
• explorer here 打开当前文件夹

• run by system 运行当前文件
  3.语言选择菜单：
  根据我们使用的选择对应的编程语言 HTML
  4.编码：UTF-8
  5.新建文件的三种方式

  
  第一种新建
  第二种新建
  第三种新建
  

  6.浏览文件：工作区之间双击

前端页面

A.标签三要素

• 标签名
• 属性
• innerhtml 标签内部

input标签

其他标签

1.html ：超文本标记语言
2.一个页面三个主要的标签：

• html 描述页面的格式
• head 页面的头部信息
• body 页面的正文
  3.常用控件

文本输入框
文件上传
单选框
多选框
普通按钮
密码输入框
数字输入框
日期
时间

页面请求流程

Fiddler使用：

Fiddler页面布局

1.菜单栏
2.工具栏
3.请求列表
4.请求
5.响应
6.开始、停止抓包
点击capturing

capturing

7.点击filters-use filters-show only following hosts(格式‘IP1；IP2’）
8.查看请求：
选中请求--点击inspectors--点击raw
9.查看响应：
选中请求--点击inspectors--点击raw

查看请求响应
10.请求包含哪几部分：

• 请求行
• 请求头
• 请求正文
  11.响应包含哪几部分：
• 响应行
• 响应头

• 响应正文

  
  请求/响应

Xmind