阅读模式:

【HTML】笔记(4)--- 元素的id属性;div和span

阅读量:15  一键切换:繁體   HtmlCss  发布时间:来源:知识库  
内容摘要:HTML文档是一棵树,树上有很多节点,每一个节点都有唯一的id,javascript主要就是对这棵DOM树上的节点进行增删改的...... 1、HTML中元素的id属性:笔记:1、在HTML文档当中,任何元素(节点)都有id属性,id......

【HTML】笔记(4)--- 元素的id属性;div和span

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>

谷歌浏览器:

分享到:
首页桂ICP备2022000863号分类地图学习工具教育专题当前时间:本站内容只用于学习和交流,如有牵扯版权问题请联系站长邮箱: