HTML——48. div标签

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>div标签(块级元素)</title>
	</head>
	<body>
		<!--div标签定义文档中的区块,可以把文档分割为独立的,不同的一个一个部分-->
		<!--div标签可以嵌套任何元素如:链接,文字,表格,表单,列表等等,包括div自己,都可以装载在div中
			
			
		-->
		<!--div是用来承载内容,相当于一个容器。没有其它任何样式-->
		<!--是使用最广泛的布局元素,所有浏览器都支持div标签-->
		
		
		<div style="width: 1100px;  background: antiquewhite; margin: 0 auto;">
			<img src="https://img-s-msn-com.akamaized.net/tenant/amp/entityid/AA1wKo6g.img?w=496&h=261&m=6" width="100%"/>
		</div>
		
	</body>
</html>



所有布局元素都属于块级元素,说白了以后我们要学习的所有布局元素都是从div中发展出来的
<img src="https://img-s-msn-com.akamaized.net/tenant/amp/entityid/AA1wKo6g.img?w=496&h=261&m=6" width="100%"/>  
 其中width="100%",是为了保证图片和div框架一致


相关推荐
费曼学习法5 分钟前
Agent 死循环的根因不在模型:错误分类、退避、熔断、快照四层实现
前端
修炼的dance6 分钟前
同一张PNG换五种压法,体积差在颜色数上
前端
Lank_M7 分钟前
PNG 有损压缩省下的体积,大头不在 deflate
前端
用户老李30 分钟前
相机模型与标定自学教程 02:外参 \[R | t] 与完整投影链路
前端
Dream-Y.ocean38 分钟前
鸿蒙PC平台逻控 PLC 编辑器适配实战:基于 Electron 壳方案的纯 JavaScript 梯形图编程与仿真引擎开发
javascript·编辑器·harmonyos
用户老李42 分钟前
无线电自学教程 03:电路基础——从欧姆定律到 LC 谐振
前端
申君健248641827720244 分钟前
ESM 源码发布 + 显式子路径导出
前端
大龄秃头程序员1 小时前
实践 iOS Touch 响应链:从 sendEvent 到 nextResponder 的完整闭环
前端
用户老李1 小时前
YOLO 目标检测自学教程 05:动手——从零实现 mini-YOLOv1
前端
用户老李1 小时前
视频编码自学教程 02:颜色与色彩空间——从 RGB 到 Y'CbCr 4:2:0
前端