一個(gè)完整的HTML文件，應(yīng)該至少包含html元素，body元素，以及里面的內(nèi)容。 為注釋
一、基本元素
標(biāo)題：標(biāo)題會(huì)自動(dòng)粗體，大寫(xiě)其中的內(nèi)容，并且?guī)в袚Q行效果。一般會(huì)使用<h1> 到 <h6> 分別表示不同大小的標(biāo)題。如：<h1>標(biāo)題1</h1>
段落：<p>標(biāo)簽即表示段落，自帶換行效果
粗體：<b>、<strong>都可以用來(lái)實(shí)現(xiàn)粗體的效果，推薦使用后者
斜體：<i>和<em>都可以表示斜體效果
預(yù)格式：<pre>
刪除效果：<del>
下劃線：<ins>
圖像：<img src=haha.jpg alt="如果文件不存在，就顯示這段文字" />
超鏈：<a target="_blank" title="跳轉(zhuǎn)到http://www.haha.com">haha</a>。使用圖片：<a ><img src="???"/></a>
表格：<table>。<tr>： 行、<td> ：列。border：邊框。bgcolor：顏色。width：寬度。align/valign：td的對(duì)齊。colspan/rowspan：td的合并。
列表：無(wú)序<ul>，有序：<ol>
布局：<div><span>
字體：<font>。屬性：color、size
內(nèi)聯(lián)框架：<iframe>
二、表單元素
文本框：<input type="text">。屬性：size、value、placeholder
密碼框：<input type="password">
表單：<form>。method="get"/"post"
單選框：<input type="radio" >。checked="checked"、name
復(fù)選框：<input type="checkbox">
下拉列表：<select>,<option>。屬性：size、ctrl/shift、selected
文本域：<textarea>。屬性：cols、rows
按鈕：<button>、<input type="button">、<input type="submit">、<input type="reset">、<input type="image" >
三、DOM
DOM把所有的html都轉(zhuǎn)換為節(jié)點(diǎn)：整個(gè)文檔、元素、元素屬性、元素內(nèi)容、注釋
<html>
<body>
<div id="d1">hello HTML DOM</div>
</body>
<script>
function p(s){
document.write(s);
document.write("<br>");
}
var div1 = document.getElementById("d1");
p("文檔節(jié)點(diǎn)"+document);
p("元素"+div1);
p("屬性節(jié)點(diǎn)"+div1.attributes[0]);
p("內(nèi)容節(jié)點(diǎn)"+div1.childNodes[0]);
</script>
</html>
獲取元素節(jié)點(diǎn)：document.getElementById、getElementsByTagName、getElementsByClassName、getElementsByName、attributes、childNodes、null
元素節(jié)點(diǎn)：nodeName、nodeValue、nodeType、innerHTML、id/value/className
樣式：一個(gè)元素節(jié)點(diǎn)的style屬性即對(duì)應(yīng)的css
事件：onfocus、onblur、onmousedown、onmouseup、onmousemove、onmouseout、onkeydown、okeypress、onkeyup、onclick、ondblclick、onchange、onsubmit、onload、this、return false
節(jié)點(diǎn)關(guān)系：parentNode、previousSibling、nextSibling、childNodes、childNodes、children
創(chuàng)建節(jié)點(diǎn)：createElement、createTextNode、createAttribute
刪除節(jié)點(diǎn)：removeChild、removeAttribute、removeChild
替換節(jié)點(diǎn)：replaceChild
插入節(jié)點(diǎn)：appendChild、insertBefore
常用場(chǎng)景：
