HTML中元素的id属性和HTML中的div和span

最新推荐文章于 2023-04-13 20:17:06 发布

少年西西

最新推荐文章于 2023-04-13 20:17:06 发布

阅读量2.4k

点赞数 2

分类专栏： D_JavaWeb阶段 # D1_HTML与CSS 文章标签： html

本文链接：https://blog.csdn.net/qq_45554909/article/details/111308086

版权

D_JavaWeb阶段同时被 2 个专栏收录

104 篇文章 2 订阅

订阅专栏

D1_HTML与CSS

16 篇文章 0 订阅

订阅专栏

一、id属性

注意：

1、在HTML文档当中，任何元素（节点都id属性，id属性是该节点的唯一标识。所以在同一个HTML文档当中id值不能重复。
2、注意：表单提交数据的时候，只和name关系，和id无关。
3、id什么用？
javascript语言：可以对HTML文档当中的任意节点进行增删改操作。
javascript可以对HTML文档当中的任意节点进行增删改，那么增删改之前需要先拿到这个节点，通常我们通过id来拿节点对象。
id的存在让我们获取元素（节点更方便。
4、HTML文档是一棵树，树上有很多节点，每一个节点都有唯一的id。
javascript主要就是对这棵DOM树上的节点进行增删改的。
DOM(Document)树。

<body id="mybody">
<form id="myform" action="http://localhost:8080">
    <input type="text" id="myname" name="username"/>
    <input type="password" id="mypwd" name="userpwd"/>

</form>

</body>

在这里插入图片描述

二、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不会独自占用一行,它的长度是封装数据的长度

<div id="div1">朴灿烈</div>
<div id="div2">朴灿烈</div>

<span id="span1">朴灿烈</span>
<span id="span2">朴灿烈</span>

在这里插入图片描述

4.其它标签

在这里插入图片描述

<header>
    <h1>City Gallery</h1>
</header>

<nav>
    London<br>
    Paris<br>
    Tokyo<br>
</nav>

<section>
    <h1>London</h1>
    <p>
        London is the capital city of England. It is the most populous city in the United Kingdom,
        with a metropolitan area of over 13 million inhabitants.
    </p>
    <p>
        Standing on the River Thames, London has been a major settlement for two millennia,
        its history going back to its founding by the Romans, who named it Londinium.
    </p>
</section>

<footer>
    Copyright W3School.com.cn
</footer>