HTML常用關鍵字


①、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----規定元素的額外信息;

⑤引入圖片

 <img src="img/sfz.png" alt="" class="fl">       src里面寫引入圖片的路徑  
⑥表單
 <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屬性,如果都不加,默認是顯示第一個;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM