首頁 > 開發者 > JavaScript
HTML，html5
HTML入門基礎
主要是在這裡學的，個人覺得W3shool是個不錯的學習之地。
最近對HTML做了一些瞭解，沒有系統的詳細的去學習它的文法知識，從基礎的層面上做了一些瞭解。
什麼是 HTML？下面就是：
<html> <body> <h1>My Heading</h1> <p>My paragraph.</p> </body> </html>
HTML(Hyper Text Markup Language) 是用來描述網頁的一種語言。而不是用來編程的語言，這和C語言是不一樣的，XML是用於儲存傳輸網頁資訊的，而HTML是用於顯示網頁資訊的,要注意兩者的分別。HTML 文檔實際上就是我們稱的網頁。網頁瀏覽器的作用是讀取 HTML 文檔，並以網頁的形式顯示出它們。當然不會顯示標籤。
HTML 有許多標籤--tags，HTML 標籤是由角括弧包圍的關鍵詞，比如 <html>，HTML 標籤通常是成對出現的，比如 <b> 和 </b>，但是我們的換行的標籤<br/>就沒有這麼幸運了。HTML 標題（Heading）是通過 <h1> - <h6> 等標籤進行定義的。
表格
表格由 <table> 標籤來定義。每個表格均有若干行（由 <tr> 標籤定義），每行被分割為若干儲存格（由 <td> 標籤定義）。字母 td 指表格式資料（table data），即資料儲存格的內容。資料儲存格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
<table border="1"> <tr> <td>    </td> <td>    </td> </tr> <tr> <td>    </td> <td>    </td> </tr></table>
表格的表頭使用 <th> 標籤進行定義。
<table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>XXX</td> <td>XXX</td> </tr> <tr> <td>XXX</td> <td>XXX</td> </tr> </table>
登入編程介面如下：
<html><head lang="en"> <meta charset="UTF-8"> <title>登入</title> <style> div{ width: 300px; height: 200px; border: 1px solid black; } </style></head><body><div align="center"> <p> 用 戶 名: <input type="text" name=""><br/><br/> 密   碼： <input type="text" name=""><br><br/><br/> <input type="button" value="登入"/>   <input type="button" value="註冊"/> </p></div></body></html>
註冊編程：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div{ width: 600px; height: 900px; border: 2px solid black; } </style></head><body><div align="center"> <p> 用 戶 名: <input type="text" name=""><br/><br/> 密   碼： <input type="text" name=""><br/><br/> 性別： <label>男</label><input type="radio" name="ra"> <label>女</label><input type="radio" name="ra"><br/><br/> 愛好： <select> <option>籃球</option> <option>看電影</option> <option>滑冰</option> <option>看書</option> <option>爬山</option> <option>撞球</option> </select><br/><br/> 行業 <input type="checkbox" name="industry" id="jr" value="金融">金融</input> <input type="checkbox" name="industry" id="js" value="教師">教師</input> <input type="checkbox" name="industry" id="sj" value="司機">司機</input> <input type="checkbox" name="industry" id="銷售" value="銷售">銷售</input> <input type="checkbox" name="industry" id="kdy" value="快遞員">快遞員</input> <input type="checkbox" name="industry" id="ajy" value="安檢員">安檢員</input><br/><br/> 學曆： <select id="select"> <option value="高中及以下">高中及以下</option> <option value="中專">中專</option> <option value="大專">大專</option> <option value="本科">本科</option> <option value="碩士">碩士</option> <option value="博士">博士</option> </select> 政治面貌： <select> <option>群眾</option> <option>黨員</option> <option>團員</option> </select><br/><br/> 地址： <input type="text" name=""><br/><br/> 電話號碼： <input type="text" name=""><br/><br/> 證件號碼： <select> <option>身份證</option> <option>軍官證</option> <option>護照</option> </select><input type="text" name=""><br/><br/> 郵箱號碼：<input type="text" name=""> </p> <body> <form id="myfom" name="myfom" action="#" method="post"> <textarea rows="10"cols="30" id="comment"></textarea> </form> </body><br/><br/> <input type="button" value="提交"/></div></body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
