一、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><form id="myform"><input type="text" id="username" name="username"><input type="password" id="userpwd" name="userpwd"></form></body></html>
二、div和span
1、最早的网页是采用table进行布局的，但是table不灵活，太死板
现代的网页开发中div布局使用最多，几乎很少使用table进行布局了
2、div和span是什么？有什么用？
div和span都可以称为“图层”，图层的作用是为了保证页面可以灵活的布局，图层就是一个一个的盒子，div嵌套div就是盒子套盒子。
div和span是可以定位，只要定下div左上角的x轴和y轴坐标即可
3、div和span的区别？
div独自占用一行（默认情况下）
span不会独自占用一行
<div id="div1">我是一个div</div>
<div id="div2">我是一个div</div>
（每个div都自己占用一行）
<sapn id="span1">我是一个span标签</sapn>
<sapn id="span2">我是一个span标签</sapn>
（span都在同一行）
