前端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:文字輸入框,可改變大小.