①、HTML 不是一種編程語言,而是一種標記語言 ;
<!DOCTYPE html> //聲明是一個Html文檔 <html lang="en"> //html開始 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html> //結束
②、注釋:后續看方便理解
<!--此處寫注釋內容--> ctrl+/ 就可以
③使用標簽時 標簽自帶屬性
標題標簽:<h1> 到 <h6>
段落標簽:<p>
換行標簽:<br />
水平線標簽:<hr>
文本格式化標簽:
粗體:<b>、<strong>
斜體:<i>、<cite>、<em>
上標標簽:<sup>
下標標簽:<sub>
大字號標簽:<big>
小字號標簽:<small>
刪除線標簽:<s>
下划線標簽:<u>
④
class----規定元素的類名;
id----規定元素的唯一ID;
style----規定元素的行內樣式;
title----規定元素的額外信息;
⑤引入圖片
<form action="" method="" enctype=""></form>
1:action屬性,里面寫的是url鏈接,接就是表單提交的地址
2:method屬性,里面寫的是數據提交的方式,可以寫入get或者post
3:enctype屬性,提交數據的編碼格式
<input type="" name="">
input標簽我們最為常見,里面有三個屬性比較重要
1. type 他是代表input的類型
2. name 他就是后台取值的依據(key)
3. val 他是我們輸入的值,也是后台需要的值
然后我們根據type的類型,又可以把input進行細分
a. text 表示普通的文本,明文輸入
b. password 輸入的也是文本,密文輸入
c. number 輸入的是數字,不是數字不讓輸入
d. submit 提交按鈕,提交form表單的內容
e. button 普通的按鈕
f. radio 單選框,我們需要注意的是單選框的所有的name值必須相同
如果name不相同,就說明不在同一個選擇方位,也就不存在單選,然后想要在后台取到他的值,你必須在定義的時候給附上一個值給value,這樣才能取到值
g. checkbox 復選框,內容和單選框一樣
以上基本是input的所有類型,需要注意幾個點:
1.取值都是通過name進行取值,所以必須給name賦值
2.文本類型想要附上初始值,直接在value中加入值就可以
3.選擇框如果想要默認選中誰,那就在誰的標簽中加入checked屬性
2. select 標簽
select標簽是一個下拉框的形式讓用戶進行選擇選項
所以select標簽中必須包含option標簽才能顯示屬性
形式為:
<select>
<option></option>
<option></option>
</select>
然后select中有全局屬性name,這個name是后台又來進行取值的
每個option標簽的文本內容是顯示給用戶看的,我們需要取的是option標簽中的value屬性,所以在開始必須給option的value賦值
后台通過select的name取值,直接取到的就是對應option的value如果我們向讓他默認選擇某個option,可以在option標簽中加入selected屬性,如果都不加,默認是顯示第一個;