【HTML】HTML基礎知識總結
阿新 • • 發佈：2018-12-17
1.HTML概念 HTML，全稱HyperTextMarkupLanguage，超文字標記語言，是一種描述網頁的語言，而非程式語言，HTML使用標記標籤來描述網頁。
2.HTML常用標籤
html文件：<html></html>
文件頭部：<head></head>
文件主體: <body></body>
標題：<h1></h1><h2></h2>...<h6></h6>
段落：<p></p>
水平線：<hr>
換行：<br>
<a href = "url">連結指示語</a>
影象：<img src=”” alt=”” />
文件分割槽：<div></div>塊級元素
span標籤：<span></span>
table表格：
<table border=''> <thead> <tr> <th>表格表頭</th> </tr> </thead> <tbody> <tr> <td></td> </tr> <tfoot> </tfoot> </table>
有序列表：
<ol>有序列表定義
<li>列表專案1</li>
<li>專案列表2</li>
</ol>
無序列表：
<ul>
<li>無序列表1</li>
<li>無序列表2</li>
</ul>
form表單：
<form> <input type="" title="" placeholder=""/> <!--多行文字輸入--> <textarea name="message" rows="3" cols="5"> The cat was playing in the garden. </textarea> <!--單選按鈕--> <input type="radio" name="one" value="是" checked>是 <input type="radio" name="one" value="否">否 <!--多選框--> <input type="checkbox" name="two" value="吃的" checked>吃的 <input type="checkbox" name="two" value="喝的">喝的 <!--下拉框--> <select> <option value="闖紅燈" selected="selected">闖紅燈</option> <option value="未禮讓斑馬線">未禮讓斑馬線</option> </select> <!--提交按鈕--> <input type="submit"> <!--重置按鈕--> <input type="reset"/> <!--按鈕--> <<input type="button" value="按鈕"/> <button>按鈕</button> </form>
3.塊級元素與內聯元素
塊元素是指從新的一行開始的元素，而內聯元素不會另起一行。
常見的塊級元素有：<div>、<p>、<h1>-<h6>、<hr>、<form>、<ul>、<ol>、<table>等標籤元素
常見的內聯元素有：<span>、<a>、<img>、<br/>、<input>、<select>、<em>、<strong>等標籤
4.WEB儲存 與cookie相比，本地儲存更安全，且不影響瀏覽器效能，並且資訊不會被傳到伺服器 HTML本地儲存提供了兩個在客戶端儲存資料的物件 window.localStorage - 儲存沒有截止日期的資料 window.sessionStorage - 當關閉瀏覽器標籤頁時資料會丟失