HTML网页代码入门及工具使用

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格式简单的编写前端界面

固定格式
HTML网页代码入门及工具使用_第1张图片
image.png

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

HTML网页代码入门及工具使用_第2张图片
image.png

其中

表格居中
设置边框


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

HTML网页代码入门及工具使用_第3张图片
image.png

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

接口测试

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

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

你可能感兴趣的:(HTML网页代码入门及工具使用)