2020-11-06前端學習之HTML結束

今天算是學習前端的第四天了，進度有些慢了，畢竟還在上班，晚上還有陪客戶喝酒，時間不是那麼充足。不過也總選把HTML學完了（這裡的學完就是把B站上Pinkl老師的視訊看完了，略懂皮毛），接下來就是學習CSS了。

 

加油，打工人！

下面是我學HTML剩下的筆記
無序列表:<ul></ul>  列表項用<li></li>
有序列表：<ol></ol>  <li></li>
自定義列表：<dl></dl>   標題<dt></dt> 內容<dd></dd>
表單標籤：使用表單是為了收集使用者資訊
表單是由三部分組成 表單域，表單控制元件（表單元素），提示資訊
表單域是包含表單元素的區域。<from>用於定義表單域，以實現使用者資訊的收集和傳遞
<from>會把它範圍內的表單元素資訊提交給伺服器
action    ur地址    用於接收並處理表單資料的伺服器的ur地址
metjod    get/post    用於設定表單資料的提交方式
name    名稱    用於指定表單的名稱，以區分同一個頁面的多個表單域
<from action=”ur地址” metjod=”get” name=”表單名稱”>
   各種表單元素
</from>
表單元素：在表單域中可以頂一個鐘錶單元素，這些表單元素就是允許使用者在表單中輸入或者選擇的內容控制元件。
<form action="xxx.php" method="get">
         <!-- text 文字框 使用者可以裡面輸入任何文字 -->
        使用者名稱: <input type="text" name="username" value="請輸入使用者名稱" maxlength="6">   <br> 
        <!-- password 密碼框 使用者看不見輸入的密碼 -->
        密碼: <input type="password" name="pwd" >  <br> 
        <!-- radio 單選按鈕  可以實現多選一 -->
        <!-- name 是表單元素名字 這裡性別單選按鈕必須有相同的名字name 才可以實現多選1 -->
        <!-- 單選按鈕和核取方塊可以設定checked 屬性, 當頁面開啟的時候就可以預設選中這個按鈕 -->
        性別: 男 <input type="radio" name="sex" value="男"> 女  <input type="radio" name="sex" value="女" checked="checked"> 人妖   <input type="radio" name="sex" value="人妖">   <br> 
        <!-- checkbox 核取方塊  可以實現多選 -->
        愛好: 吃飯 <input type="checkbox" name="hobby" value="吃飯"> 睡覺 <input type="checkbox" name="hobby">  打豆豆 <input type="checkbox" name="hobby" checked="checked"> 
        <br> 
        <!-- 點選了提交按鈕,可以把 表單域 form 裡面的表單元素 裡面的值 提交給後臺伺服器 -->
        <input type="submit" value="免費註冊">
        <!-- 重置按鈕可以還原表單元素初始的預設狀態 -->
        <input type="reset" value="重新填寫">
        <!-- 普通按鈕 button  後期結合js 搭配使用-->
        <input type="button" value="獲取簡訊驗證碼"> <br>
        <!-- 檔案域 使用場景 上傳檔案使用的 -->
        上傳頭像:  <input type="file" >

button    定義可點按鈕
checkbox    定義核取方塊
file    定義輸入欄位和瀏覽按鈕，供檔案上傳
hidden    定義隱藏的輸入欄位
image    定義圖片的提交按鈕
password    定義密碼欄位，隱藏
radio    定義單選按鈕
reset    定義重置按鈕
submit    定義提交按鈕
text    定義輸入的欄位，預設20個字元
<input>其他屬性
Name    使用者自定義    定義input名稱
Value    使用者自定義    規定input元素值
Checked    Checked    規定次input首次載入時應被選中
Maxlength    正整數    規定輸入欄位中的字元最大長度
1.name和value主要是給後臺人員使用的
2.name表單元素中，要求單選按鈕和核取方塊要有相同的數值
3.checked屬性主要針對的是對於單選框和核取方塊，主要作用是一開啟網頁，就勾選
4.Maxlength 規定輸入字元的多少

<lable>標籤 為<input>標籤 元素定義標註  
<lable for=”sex”>男</lable>
<input type=”radio ”  name=”sex”   id=”sex”  />

Select 下拉表單元素  <select>
                      <option>選項1</option>
                      <option>選項2</option>
                    </select>
在<option>中，定義selected=”selected” 即可定義該選項為預設選項
<textarea> 輸入內容較多是使用
<textarea rows=”3” cols=”20”>
       文字內容
</textarea>