1、HTML中元素的id屬性：
筆記：
1、在HTML文檔當中，任何元素（節點）都有id屬性，id屬性是該節點的唯一標識。所以在同一個HTML文檔當中id值不能重復。
2、注意：表單提交數據的時候，只和name有關系，和id無關。
3、id有什么用？
javascript可以對HTML文檔當中的任意節點進行增刪改，那么增刪改之前需要先拿到這個節點，通常我們通過id來拿節點對象。
id的存在讓我們獲取元素（節點）更方便。
4、HTML文檔是一棵樹，樹上有很多節點，每一個節點都有唯一的id。
javascript主要就是對這棵DOM樹上的節點進行增刪改的。
DOM(Document)樹。
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中元素的id屬性</title>
</head>
<body id="mybody">
<form id="myform">
<input type="text" id="username" name="username"/>
<input type="password" id="userpwd" name="userpwd"/>
<!--id就是節點的身份證號碼，不能重復。-->
<!--
<input type="text" id="username" />
-->
</form>
</body>
</html>
谷歌瀏覽器：這也沒啥展示的啊，看看筆記得了。 φ(゜▽゜*)♪
2、HTML中的div和span：
筆記：
1、div和span是什么？有什么用？
* div和span都可以稱為“圖層”
* 圖層的作用是為了保證頁面可以靈活的布局。
* 圖層就是一個一個的盒子，div嵌套div就是盒子套盒子。
* div和span是可以定位的，只要定下div的左上角的x軸和y軸坐標即可。
2、其實最早的網頁是采用table進行布局的，但是table不靈活，太死板。
現代的網頁開發中div布局使用最多，幾乎很少使用table進行布局了。
3、div和span的區別？
div獨自占用一行（默認情況下）
span不會獨自占用一行。
代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中的div和span</title>
</head>
<body>
<div id="div1">我是一個DIV</div>
<div id="div2">我是一個DIV</div>
<span id="span1">我是一個SPAN標簽</span>
<span id="span2">我是一個SPAN標簽</span>
<div id="div3">
<div>
<div>test</div>
</div>
</div>
</body>
</html>
谷歌瀏覽器：
