Notepad （寫HTML代碼入門工具）
使用方法
-
編碼選擇
UTF8編碼方式
-
語言選擇
根據(jù)語言內(nèi)容去選擇相對(duì)應(yīng)的語言
-
新建文件夾
- 菜單欄 -文件新建 2.工具欄-新建 3.文件瀏覽欄雙擊
-
工作區(qū)
1.顯示-隱藏-視圖
2.關(guān)鍵詞包含add（添加）谎柄、remove all（移除文件夾）、copy path（復(fù)制文件夾路徑）呆贿、explorer here （打開指定文件夾）懒豹、run by system（運(yùn)行當(dāng)前文件夾）
HTML基礎(chǔ)
基本標(biāo)簽元素
html
head
注釋：title 頁面頭名字
body
- 直接寫文本文檔
- h1-標(biāo)題
- br-換行
- input-標(biāo)簽分為屬性name 和屬性type（text 文本框和submint提交按鈕）
form
注釋：提取input帶name屬性的Value值
- 把提取的數(shù)據(jù)通過后端傳給數(shù)據(jù)庫，如下方法
1.method 規(guī)定如何提取表單 ，兩種方法（method="get" method="get" ）
2.action 后臺(tái)路徑 （action='路徑'）
table
1.tr 行
2.td 列--控制屬性的coslpan-合并單元格
3.屬性包含border（邊框）葡兑、align='center'（居中）奖蔓、width（頁面百分比）
接下來我們開始使用固定的HTML格式簡(jiǎn)單的編寫前端界面
固定格式
image.png
接下來我們加上相關(guān)的基本元素符號(hào)
image.png
其中
<table align='center'> 表格居中
<border='1'>設(shè)置邊框
以HTML格式命名，顯示結(jié)果如下
image.png
這樣我們就簡(jiǎn)單的完成了一個(gè)前端界面編寫
接口測(cè)試
接口測(cè)試的理解：前端界面提取input帶name屬性的value值---通過特定的接口規(guī)范字段發(fā)送給后端----后端通過特定的接口規(guī)范字段處理放到數(shù)據(jù)庫---
我們前端做完之后怎么樣就把form中選提取的值連接服務(wù)器放置相應(yīng)的數(shù)據(jù)庫里面了讹堤，接下來 在代碼中form添加如圖字符
image.png
