溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
常用標簽
1、各種符號
2、p和br
3、a標簽
4、H標簽
5、select
6、input:checkbox
7、input:radio
8、input:password
9、input:button
10、input:file
11、textarea
12、label
13、ul or dl
14、table
15、fieldset
16、form
17、div
HTML代碼演示
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>頁面一</title> </head> <body> <!-- div和span演示 --> <div>這是div塊級標簽，占一行寬度</div> <div>再寫一行，再占一行塊級標簽</div> <span>這是span內聯標簽，占字符寬度大小</span> <span>再寫一行內聯標簽，從左到右堆疊著一排放</span> <!-- 特殊字符演示 --> <div><div> </div> <div><div> </div> <!-- <小于號 >大于號  空格 這是特殊符號用來顯示特殊內容 --> <!-- p段落標簽和br換行演示--> <p>ddddd</p> <p>ddddd</p> <!-- p段落自已換行，換行會空一行出來，這是他的樣式 --> <div>ddddd<br/>ddddd</div> <!-- <br\>換行 --> <!-- a標簽演示 --> <a >wsyht</a> <!-- href target為a標簽的屬性，_blank為跳轉到新頁面打開,屬性可以自定義 --> <!-- 描述：a標簽描演示 --> <!--目錄--> <div> <a href='#id1'>第一章</a> <!-- 和下面id號相關聯 --> <a href='#id2'>第二章</a> <a href='#id3'>第三章</a> </div> <!--內容--> <div id="id1"> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> <p>第一章內容</p> </div> <div id="id2" >第二章內容</div> <!-- style樣式,height高，backgroud-colod背影顏色--> <div id="id3" >第三章內容</div> <!-- h2標題大小演示--> <h2>wsyht</h2> <!--最大h2最小h7，一共1到6數字大小--> <h7>wsyht</h7> <!--select下拉框演示--> <select> <option value="1">佛山</option> <option value="2">東莞</option> <option value="3" selected="selected">惠州</option> <!--默認是惠州選項--> </select> <select size="3"> <!--默認有3個選項，但只能單選--> <option>北京</option> <option>上海</option> <option>廣州</option> </select> <select multiple="multiple" size="4"> <!--默認有4個選項，可以多選--> <option>北京</option> <option>上海</option> <option>廣州</option> <option>深圳</option> </select> <select> <optgroup label="廣東省"></optgroup> <!--有廣東省和河北省組，組下還有市可以選--> <option>廣州</option> <option>深圳</option> <optgroup label="河北省"></optgroup> <option>石家莊</option> <option>邯鄲</option> </select> <!--input標簽演示--> <br/> <input /> <!--默認什么都不加,就是type=text--> <br/> <input type="text"maxlength="5"/> <!--輸入框顯示,最多只能輸入5個字符--> <br/> <input type="password"/> <!--密碼框--> <br/> <input type="checkbox"/> <!--復選框--> <input type="checkbox"/> <!--復選框--> <input type="checkbox"/> <!--復選框--> <input type="checkbox"/> <!--復選框--> <input type="checkbox"/> <!--復選框--> <br/> 男：<input type="radio" name="gender"/> <!--單選框 name屬性設置成一個的，那就只能二選一--> 女：<input type="radio" name="gender"/> <!--單選框--> <br/> <input type="button" value="提交"/> <!--button按鈕，背景字為提交，button不會提交數據到后臺,而是跟js結合提交觸發某一個動作，如驗證碼刷新--> <input type="submit" value="提交"/> <!--submit提交數據到后臺，在非from表單中使用不能提交數據到后臺--> <input type="file" /> <!--file就是上傳文件--> <!--多行輸入框演示--> <textarea>多行輸入框</textarea> <!--from表單,使用場景：登陸、注冊、修改數據、提交數據到后臺--> <form action="http://127.0.0.1:8080/getdata" method="post"> <!--通過action提交到后臺某個url，通過post方式提交，有get和post兩種方式提交，如果前端用post后端也用post，前后要統一--> Name:<input name='username' type="text"/> <!--通過name做key，你輸入的值作為value發到后臺--> <br/><br/> pwd:<input name="pwd" type="password"/> <!--<input type="button" value="提交"/> --> <!--button按鈕，在from表單中不可以使用--> <input type="submit" value="提交"/> <!--submit可以在from表單用，通過submit提交數據到后臺--> </form> <!--lobel標簽演示--> <label for="name2">姓名：<input id="name2" type="text" > </label> <!--用for點擊姓名自動給你加光標--> <!-- 列表演示 --> <ul> <!--這種格式去寫會在前面加一個黑點--> <li>ul.li</li> <li>ul.li</li> <li>ul.li</li> </ul> <ol><!--這種格式去寫會自動幫你加序號--> <li>ul.li</li> <li>ul.li</li> <li>ul.li</li> </ol> <dl> <!--dl一個范圍 --> <dt>廣東省</dt> <!--dt標題--> <dd>廣州</dd> <!--內容--> <dd>深圳</dd> <dt>河北省</dt> <dd>石家莊</dd> <dd>邯鄲</dd> </dl> <table border="1"> <!--broder邊框大小--> <tr> <th>ip</th> <!--th表格標題，默認樣式加粗居中--> <th>idc</th> <th>status</th> </tr> <tr> <!--tr行--> <td>ip</td> <!--td列--> <td>idc</td> <td>status</td> </tr> <tr> <td>192.168.1.1</td> <td>廣州</td> <td>online</td> </td> </table> <table border="1"> <thead><!--tread頭部--> <tr> <th>ip</th> <!--th表格標題，默認樣式加粗居中--> <th>idc</th> <th>status</th> <tr> </thead> <tbody> <!--tbody身體--> <tr> <!--tr行--> <td colspan="2">ip</td> <!--td列,colspan占2列，左右單元格合并--> <td>status</td> </tr> <tr> <!--tr行--> <td>ip</td> <!--td列--> <td>idc</td> <td>status</td> </tr> <tr> <!--tr行--> <td rowspan="2">ip</td> <!--rowsapn上下合并--> <td>idc</td> <!--td列--> <td>status</td> </tr> <tr> <!--tr行--> <td>idc</td> <td>status</td> </tr> </tbody> </table> <fieldset> <legend>登陸</legend> <!--外邊一個黑框，包住登陸字體--> <p>用戶名：</p> <!--里面的內容為用戶名--> <p>密碼：</p> </fieldset> </body> </html>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
