# 2018-08-14前端页面学习

image.png

image.png

image.png

96

洒脱的风 关注

2018.08.14 17:09 字数 313 阅读 0评论 0喜欢 0

Notepad++使用

1. 显示/隐藏工作区 :视图中勾选

2. 关键操作

   1. add 添加
   2. remove/remove All 指定文件移除/全部移除
   3. copy path 路径拷贝
   4. explorer here 打开当前文件夹
   5. run by system 运行当前文件

3. 语言选择菜单:根据我们使用的选择对应的编程语言:Html

4. 编码:UTF-8

5. 新建文件的三种方式

   

   image

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

前端页面

标签三要素

1. 标签名
2. 属性
3. innerHtml 标签内部
4. Html :超文本标记语言
5. 一个页面三个主要的标签 :
   1. html 描述页面的格式
   2. head 页面的头部信息
   3. body 页面的正文
6. 常用控件

input标签:

type = "text"  文本输入框
type = "file"   文件上传框
type = "radio"  单选框
type = "checkbox"  多选
type = "button"    普通按钮
type = "submit"   提交按钮
type = "reset"   重置按钮
type=“date”      日期
type=“time”      时间
type=“number”  数值输入框
type=“password” 密码输入框

其他标签

    textarea      文本输入区
    img             图片
    select         下拉框
option        下拉选项
    audio          音频
    video          视频
    a                超链接

image

Fiddler使用:

image

1. 菜单栏

2. 工具栏

3. 请求列表

4. 请求

5. 响应

6. 开始,停止抓包 点击 Capturing

   

   image

7. 点击Filters-点击use filters--show only following hosts :格式 "ip1;ip2;"

8. 查看请求 : 选中请求--点击 inspectors--点击 raw

9. 查看响应: 选中请求--点击 inspectors----点击 raw

   

   image

10. 请求包含那几部分:请求行,请求头,请求正文

11. 响应包含那几部分:响应行,响应头,响应正文

xmind

image