Notepad （写HTML代码入门工具）

使用方法

• 编码选择

UTF8编码方式

• 语言选择

根据语言内容去选择相对应的语言

• 新建文件夹

1. 菜单栏 -文件新建 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格式简单的编写前端界面

固定格式

image.png

接下来我们加上相关的基本元素符号

image.png

其中
<table align='center'> 表格居中
<border='1'>设置边框

---

以HTML格式命名，显示结果如下

image.png

这样我们就简单的完成了一个前端界面编写

接口测试

接口测试的理解：前端界面提取input带name属性的value值---通过特定的接口规范字段发送给后端----后端通过特定的接口规范字段处理放到数据库---

我们前端做完之后怎么样就把form中选提取的值连接服务器放置相应的数据库里面了，接下来 在代码中form添加如图字符

image.png