notepad
一、界面元素构成
- input-text
- 标签的结构
-
image.png
- 标签名
- 属性名=属性值
- inner HTML
- 标签层级结构
- 相对位置
- 兄弟节点
- 父节点
- 子节点
- 孙子节点
-
祖级节点
1537149522(1).jpg
notepad++ 操作界面构成
- 菜单栏
- 编码
- 语言
- 工具栏
- 新建
- 打开
- 保存
- 关闭
- 查找
- 替换
- 自动换行
- 左侧工作区
- 右侧编辑区
- 上方打开的文件标签
-
列编辑模式
813648111467550396.png
语言构成
- title标签页
<title>果芽软件</title>
image.png
- txt文本框
<td>txt:文本框</td>
<td><input type= "text" />
</td>
image.png
- file文件上传框
<td>
<input type= "file">
</td>
image.png
- radio:单选框
<td>
<input type= "radio" name= "sex"/>男
<input type= "radio" name= "sex"/>女
</td>
image.png
- checkbox:多选框
<td>
<input type= "checkbox" name= "education"/>高中
<input type= "checkbox" name= "education"/>大专
<input type= "checkbox" name= "education"/>本科
</td>
image.png
- button:普通按钮
<td>
<input type= "button" value= "普通按钮"/>
</td>
image.png
- password:密码输入框
<td>
<input type= "password"/>
</td>
image.png
- number:数字输入框
<td>
<input type= "number" />
</td>
image.png
- date:日期控件
<td>
<input type= "date" value= "2018-09-17"/>
</td>
image.png
- time:时间控件
<td>
<input type= "time" value= "12:00" />
</td>
image.png
- textarea:文本输入域
<td>
<textarea>文本输入域</textarea>
</td>
image.png
- select:下拉框
<td>
<select>
<option>桔子</option>
<option>苹果</option>
<option>梨子</option>
</select>
</td>
image.png
- a:超链接
<td>
<a href= "http://www.baidu.com">百度一下你就知道</a>
</td>
image.png
- submit:提交按钮
<td>
<input type= "submit"/>
</td>
image.png
- reset:重置按钮
<td>
<input type= "reset"/>
</td>
image.png
<html>
<head>
<title>果芽软件</title>
</head>
<body>
<table border= "1">
<caption>班级信息</caption>
<tr>
<th>姓名</th>
<th>班级</th>
<th>提示字段</th>
</tr>
<tr>
<td>txt:文本框</td>
<td><input type= "text" />
</td>
<td>提示</td>
</tr>
<tr>
<td>file:文件上传框</td>
<td>
<input type= "file">
</td>
<td>提示</td>
</tr>
<tr>
<td>radio:单选框</td>
<td>
<input type= "radio" name= "sex"/>男
<input type= "radio" name= "sex"/>女
</td>
<td>提示</td>
</tr>
<tr>
<td>checkbox:多选框</td>
<td>
<input type= "checkbox" name= "education"/>高中
<input type= "checkbox" name= "education"/>大专
<input type= "checkbox" name= "education"/>本科
</td>
<td>提示</td>
</tr>
<tr>
<td>button:普通按钮</td>
<td>
<input type= "button" value= "普通按钮"/>
</td>
<td>提示</td>
</tr>
<tr>
<td>password:密码输入框</td>
<td>
<input type= "password"/>
</td>
<td>提示</td>
</tr>
<tr>
<td>number:数字输入框</td>
<td>
<input type= "number" />
</td>
<td>提示</td>
</tr>
<tr>
<td>date:日期控件</td>
<td>
<input type= "date" value= "2018-09-17"/>
</td>
<td>提示</td>
</tr>
<tr>
<td>time:时间控件</td>
<td>
<input type= "time" value= "12:00" />
</td>
<td>提示</td>
</tr>
<tr>
<td>textarea:文本输入域</td>
<td>
<textarea>文本输入域</textarea>
</td>
<td>提示</td>
</tr>
<tr>
<td>select:下拉框</td>
<td>
<select>
<option>桔子</option>
<option>苹果</option>
<option>梨子</option>
</select>
</td>
<td>提示</td>
</tr>
<tr>
<td>a:超链接</td>
<td>
<a href= "http://www.baidu.com">百度一下你就知道</a>
</td>
<td>提示</td>
</tr>
<tr>
<td>submit:提交按钮</td>
<td>
<input type= "submit"/>
</td>
<td>提示</td>
</tr>
<tr>
<td>reset:重置按钮</td>
<td>
<input type= "reset"/>
</td>
<td>提示</td>
</tr>
</body>
</html>
1537177573(1).jpg
提交以及重置按钮需要配合报表单使用
image.png
单词
- notepad++ 文本编辑器
- add 新增
- remove移除
- all 所有
- open 打开
- copy 复制
- path 路径
- run 运行
- system 系统
- explorer 资源管理器
- html
- 2.1 head 头标签
- 2.2 body 体标签
2.2.1 table 表格标签
*tr行标签
*th列标签，一般用在第一行，表示这是字段名
*td列标签
2.2.2 input 输入标签--type 类型
*text普通文本输入框
*file文件上传框
*radio单选框
*checkbox多选框
*button普通按钮
*password密码输入框
*number数字输入框
*date日期控件
*time时间控件
*submit提交
*reset重置
textarea 文本输入域
select下拉框--option下拉选项
a超链接--href值为超链接地址
fiddler
一、fiddler界面作用以及功能
- 抓包工具
- 作用
2.1 抓包（app、web）
2.2断点调试
2.3模拟弱网环境 -
基本功能
image.png
http协议入门
- 请求
- 请求行
- 请求头
- 请求正文
- 响应
- 响应行
- 响应头
-
响应正文
image.png
网友评论