1. 程式人生 > >前端1

前端1

html      #不區分大小寫

 

<head>

<title>愛辣波波魚</title>       #標題   頁面在瀏覽器上面顯示的內容

</head>

 

<body>                                    #h標籤

<h1>一級標題</h1>     #標題

<br>                              #換行符

<h2>二級標題</h2>

<p>標籤</p>                 #自動換行

<h3>三級標題</h3>

<h4>四級標題</h4>

<h5>五級標題</h5>

<h6>六級標題</h6>

</boby>

 

 

<boby>                       #a標籤

<a name = "top"></a>          #放在最上面(返回頂部的上聯)

<a name = "#top">返回頂部</a>        #放在最下面(返回頂部的下聯)

 

<a name = "#dibu">返回底部</a>          #放在最上面(返回底部的上聯)

<a name = "dibu"></a>        #放在最下面(返回底部的下聯)

 <a href = "連結" target = "_self/_blank">www.baidu.com</a>       

     #href是超連結   連線本地和網址

     #target是跳轉到連線後的彈出方式(_self是在本頁面直接跳轉/_blank是重新開啟一個新的頁面)

<a title = "滑鼠上方來顯示的文字">好吃</a>   #title是滑鼠放在好吃上顯示的文字

</boby>

 

 

 

<body>      #img標籤 (放圖片)

<img src = "圖片路徑" alt = "圖片介紹" width = "圖片寬度" height = "圖片高度" align = "right/ left"></img>    #  align放的位置(left靠左/right靠右)

</body>

 

 

<body>         #ul無序列表

<ul type = "circle/solid/square">         #無序列表 solid 實心圓(預設)circle 空心圓 square正方塊

  <li>麻辣學院</li>

  <li>醬香番茄</li>

</ul>

</body>

 

 

 

<body>             #有序列表

<ol type = "1" start = "從幾開始">         #type是數字型別(a、A、1、Ⅰ)   start 是從幾開始

  <li>祕製番茄<li>

  <li>麻辣酸菜<li>

</ol>

</body>

 

 

<body>           #列表

<dl>

  <dt>超級會員</dt>     #渲染出來比<dd>前一個級別

  <dd>會員</dd>     #渲染出來比<dt>後一個級別

</dl>

</body>

 

 

<table >            #表格標籤,  border:邊框型別    bordercolor:邊框顏色    bgcolor:背景顏色 background:背景圖片     width:背景圖片寬度     align:對齊方式     style="border-collapse:collapse"讓表格的線變成實心線.

  <tr>            #代表一行

    <td>陝西</td>    #代表一行內的一個單元格      #rowspan 縱向和並    #colspan 橫向和並

    <td>西安</td>

  </tr>

  <tr>

    <td>哈哈</td>

    <td>呼呼</td>

  </tr>

</table>

 

 

<body>
<form action="127.0.0.1:8000" method="get">

<label for="1">使用者名稱:</label>
<input type="text" id="1" name="username" value="車幹" height="32px">

<br>
<br>
密碼:
<input type="password">
<input type="checkbox">
<input type="radio" name="gender">
<input type="radio" name="gender">
<br>
<input type="submit" value="提交">
<input type="button" value="提交">
<input type="file" >
<input type="date">
<input type="image" width="20px">

<select multiple size="10">
<option value="zhengyanggao" >蒸羊羔</option>
<option value="zhengxiongzhang">蒸熊掌</option>
<option value="">蒸鹿尾</option>
<option value="">燒花鴨</option>
<option value="" selected>一盆米飯我夠了</option>
</select>
<br>
<textarea></textarea>
</form>
</body>
10.form表單;action:對應要提交的網路地址;method:get和post兩個方法,預設是get.

​ input的型別們

- text普通文字輸入框
- password,密文文字輸入框
- checkbox,多選框,多用來服務條款點那個對號
- radio,單選,多用於選擇性別,name得統一才能實現單選
- file,檔案上傳按鈕
- date,日期選擇框
- submit:form表單提交資料時候用它
- button:普通按鈕
- image:一個圖片,自帶submit,src(王瑞東)=圖片地址.
- select:下拉選單,更改下拉選單的多選multiple,size
- option下拉的每一個選項,預設選中此選項用selected
- textarea:文字輸入框,可改變大小.