Notepad (写HTML代码入门工具)
使用方法
-
编码选择
UTF8编码方式
-
语言选择
根据语言内容去选择相对应的语言
-
新建文件夹
- 菜单栏 -文件新建 2.工具栏-新建 3.文件浏览栏双击
-
工作区
1.显示-隐藏-视图
2.关键词包含add(添加)、remove all(移除文件夹)、copy path(复制文件夹路径)、explorer here (打开指定文件夹)、run by system(运行当前文件夹)
HTML基础
基本标签元素
html
head
注释:title 页面头名字
body
- 直接写文本文档
- h1-标题
- br-换行
- input-标签分为属性name 和属性type(text 文本框和submint提交按钮)
form
注释:提取input带name属性的Value值
- 把提取的数据通过后端传给数据库,如下方法
1.method 规定如何提取表单 ,两种方法(method="get" method="get" )
2.action 后台路径 (action='路径')
table
1.tr 行
2.td 列--控制属性的coslpan-合并单元格
3.属性包含border(边框)、align='center'(居中)、width(页面百分比)
接下来我们开始使用固定的HTML格式简单的编写前端界面
固定格式
接下来我们加上相关的基本元素符号
其中
<table align='center'> 表格居中
<border='1'>设置边框
以HTML格式命名,显示结果如下
这样我们就简单的完成了一个前端界面编写
接口测试
接口测试的理解:前端界面提取input带name属性的value值---通过特定的接口规范字段发送给后端----后端通过特定的接口规范字段处理放到数据库---