我的博客即將搬運同步至騰訊雲+社區,邀請大家一同入駐:https://cloud.tencent.com/developer/support-plan ...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>任務一:零基礎HTML編碼</title> <style type="text/css"> table td,tr,th{ border: 1px solid; } </style> </head> <body> <h1>網站一級標題</h1> <ul> <li><a href="#">導航鏈接一</a></li> <li><a href="#">導航鏈接二</a></li> <li><a href="#">導航鏈接三</a></li> <li><a href="#">導航鏈接四</a></li> </ul> <h2>文章一級標題</h2> <h2>文章二級標題</h2> <span>文章作者 文章發表時間</span> <p>jdkasljdkaslnhfjkashnjkdfaskdfjaskldaskdhjkashdjkasjdklas<br>換行了</p> <p>jdkasljdkaslnhfjkashnjkdfaskdfjaskldaskdhjkashdjkasjdklas換行了</p> <p>不是粗體<strong>這是粗體</strong></p> <p><img src="1.jpg" alt="哎呦,錯誤了"></p> <p>前面的段落<a href="http://www.baidu.com">鏈接到百度</a></p> <h2>另一篇文章一級標題</h2> <h3>文章二級標簽</h3> <p>文章作者 文章發表時間</p> <ul> <li>列表項目一</li> <li>列表項目二</li> <li>列表項目三</li> </ul> <h3>圖片</h3> <div> <p>好看的圖片<br><img src="1.jpg"></p> <p>好看的圖片<br><img src="1.jpg"></p> </div> <h2>最後一篇文章一級標題</h2> <h3>文章二級標題</h3> <p>文章作者 文章發表時間</p> <ol> <li>排名1</li> <li>排名2</li> <li>排名3</li> </ol> <span>下麵是一個表格,給表格加一個border="1"讓你看出來是一個表格</span> <table> <tr> <th>表頭</th> <th>表頭</th> <th>表頭</th> </tr> <tr> <td>表內容單元格</td> <td>表內容單元格</td> <td>操作</td> </tr> <tr> <td>表內容單元格</td> <td>表內容單元格</td> <td>操作</td> </tr> <tr> <td>總計</td> <td colspan="2">1000</td> </tr> </table> <h2>這裡以後是一個惻欄,這是側欄標題</h2> <h3>側欄註冊視窗標題</h3> <p><label>請輸入郵箱地址:<input type="text" value="這是一個文本輸入框"></label></p> <p><label for="">請輸入密碼:<input type="password" value="這是一個文本輸入框">請重覆密碼:<input type="text"></label></p> <p>密碼為6-16位英文數字</p> <br> <form action="" method="post"> <label for="">性別:</label> <input type="radio" checked="checked" value="男" name="mael">男 <input type="radio" value="女" name="mael">女 <select name="" id=""> <option value="where" name="where">北京</option> <option value="where" name="where">上海</option> </select> <label for="">愛好</label> <input type="checkbox" name="like">運動 <input type="checkbox" name="like">藝術 <input type="checkbox" name="like">科學 <label for="">個人描述</label> <textarea name="" id="" cols="30" rows="5">請輸入內容</textarea> <input type="submit"> </form> <p>版權所有 ©</p> </body> </html>
我的博客即將搬運同步至騰訊雲+社區,邀請大家一同入駐:https://cloud.tencent.com/developer/support-plan