Web从小白到大神Day05 2020.10.10

最新推荐文章于 2024-11-13 22:57:03 发布

独饮敌敌畏丶

最新推荐文章于 2024-11-13 22:57:03 发布

阅读量93

点赞数

分类专栏： Web前端学习文章标签： html5

本文链接：https://blog.csdn.net/afdafvdaa/article/details/108992679

版权

Web前端学习专栏收录该内容

15 篇文章 0 订阅

订阅专栏

1.id

<!DOCTYPE html>
<html>
 <head>
  <title>id</title>
 </head>
 <body>
  <!--
  1.在HTML文档当中，任何元素（节点）都有id属性，id属性是该节点的唯一标识。所以在同一个HTML文档当中id值不能重复(注意表单提交数据的时候只和name有关系，和id无关)。
  2.id是为了让我们更方便的获取这个元素或节点。我们后面要学的JavaScript语言可以对HTML文档当中的任意节点进行增删改操作。（后面要通过id来获取这个节点）
  3.HTML文档是一棵树，数上有很多节点，每一个节点都有唯一的id。
  JavaScript主要就是对这棵DOM树上的节点进行增删改操作的。
  -->
  <form id="myform">
   
  </form>
 </body>
</html>

2.div和span

<!DOCTYPE html>
<html>
 <head>
  <title>id</title>
 </head>
 <body>
  <!--
   1.div和span是什么？有什么用？
   div和span都可以称为“图层”。
   图层的作用是为了保证页面可以灵活的布局。
   div和span是可以定位的，只要定下div的左上角的x轴和y轴坐标即可
   2.最早的网页是使用table进行布局的，但是table不灵活，太死板。
   现代的网页开发中div布局使用最多，几乎很少使用table进行布局了。
   3.div和span的区别：
    div独自占用一行（默认）span不会独自占用一行
  -->
   <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>