這篇“HTML的基礎知識點有哪些”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“HTML的基礎知識點有哪些”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。 3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>框架集標簽</title> </head> <frameset cols="25%,*"> <frame src="left.html" /> <frame src="right.html" /> </frameset></html>
運行結果：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>網站后臺系統顯示頁面</title> </head> <frameset rows="20%,*"> <frame src="top.html"/> <frameset cols="20%,*"> <frame src="left.html" /> <frame name = "right" /> </frameset> </frameset></html>
left.html：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <a href="right.html" target="right">會員管理</a><br /> <a href="#">品牌管理</a><br /> <a href="#">商品管理</a><br /> <a href="#">分類管理</a><br /> <body> </body></html>
right.html：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 所有用戶信息 </body></html>
運行結果： 
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表單標簽</title> </head> <body> <form action="#" method="get"> 用戶名：<input type="text" name="username" placeholder="請輸入用戶名" size="40px" maxlength="6"/><br /> 密碼：<input type="password" name="password"/><br /> 確認密碼：<input type="password" name="repassword"/><br /> 性別：<input type="radio" name="sex" value="男"/>男 <input type="radio" name="sex" value="女" checked="checked"/>女<br /> 愛好：<input type="checkbox" name="hobby" value="釣魚"/>釣魚 <input type="checkbox" name="hobby" value="打電動"/>打電動 <input type="checkbox" name="hobby" value="寫代碼"/>寫代碼<br /> 頭像：<input type="file" name="file"/><br /> 籍貫：<select name="province"> <option>--請選擇--</option> <option value="北京">北京</option> <option value="上海" selected="selected">上海</option> <option value="廣州">廣州</option> </select><br /> 自我介紹： <textarea name="自我介紹"></textarea><br /> 提交按鈕：<input type="submit" value="注冊"/><br /> 普通按鈕：<input type="button" value="zhuce"/><br /> 重置按鈕：<input type="reset" /> </form> </body></html>
運行結果： 
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>注冊頁面</title> </head> <body> <table border="1px" align="center" width="1300px" cellpadding="0px" cellspacing="0px"> <tr> <td> <table border="1px" width="100%"> <tr height="50px"> <td width="33.3%"> <img src="../img/logo2.png" height="47px"/> </td> <td width="33.3%"> <img src="../img/header.png" height="47px"/> </td> <td width="33.3%"> <a href="#">登錄</a> <a href="#">注冊</a> <a href="#">購物車</a> </td> </tr> </table> </td> </tr> <tr height="50px"> <td bgcolor="black"> <a href="#"><font size="5" color="white">首頁</font></a> <a href="#"><font color="white">手機數碼</font></a> <a href="#"><font color="white">電腦辦公</font></a> <a href="#"><font color="white">鞋靴香包</font></a> <a href="#"><font color="white">家用電器</font></a> </td> </tr> <tr> <td height="600px" background="../img/regist_bg.jpg"> <form action="#" method="get"> <table border="1px" width="750px" height="400px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white"> <tr height="40"> <td colspan="2"> <font size="4">USER</font>   REGISTER </td> </tr> <tr> <td> 用戶名 </td> <td> <input type="text" name="user" size="35px"/> </td> </tr> <tr> <td> 密碼 </td> <td> <input type="password" name="password" size="35px"/> </td> </tr> <tr> <td> 確認密碼 </td> <td><input type="password" name="repassword" size="35px"/></td> </tr> <tr> <td> Email </td> <td><input type="text" name="email" size="35px"/></td> </tr> <tr> <td>姓名</td> <td><input type="text" name="username" size="35px"/></td> </tr> <tr> <td>性別</td> <td> <input type="radio" name="sex" value="男"/>男 <input type="radio" name="sex" value="女"/>女 </td> </tr> <tr> <td>出生日期</td> <td> <input type="text" name="birthday" size="35px"/> </td> </tr> <tr> <td>驗證碼</td> <td> <input type="text" name="yzm"/> <img src="../img/yanzhengma.png"/> </td> </tr> <tr> <td colspan="2"> <input type="submit" value="注冊"/> </td> </tr> </table> </td> </tr> <tr> <td> <img src="../img/footer.jpg"/> </td> </tr> <tr> <td align="center"> <a href="#">關于我們</a> <a href="#">聯系我們</a> <a href="#">招賢納士</a> <a href="#">法律聲明</a> <a href="#">友情鏈接</a> <a href="#">支付方式</a> <a href="#">配送方式</a> <a href="#">服務聲明</a> <a href="#">廣告聲明</a> <p> Copyright ? 2005-2018 火之意志 版權所有 </p> </td> </tr> </table> </form> </body></html>
運行結果： 
以上是“HTML的基礎知識點有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
