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框架一致


相关推荐
狮子座的男孩1 小时前
html+css基础:25、3D变换(3D空间与景深/透视点的位置/位移/旋转/缩放/多重变换/背部可见性)
css·经验分享·html·旋转·透视点·缩放/位移·3d变换/空间与景深
欣欣之王来了1 小时前
原始HTML插值:v-html指令的使用与安全风险
前端·学习·架构·项目·vue3教程
IT_陈寒1 小时前
Redis的LRU淘汰策略坑了我一整天
前端·人工智能·后端
计算机魔术师1 小时前
砍半价格、参数再涨,国产旗舰追到 Opus 鼻尖了
前端
特立独行的猫A1 小时前
10 MB 的桌面 AI 客户端:用仓颉 + 系统 WebView 替代 Electron
前端·harmonyos
修炼的dance2 小时前
白底图存JPG,sharp开mozjpeg背景杂点少近三成
前端
anOnion2 小时前
构建无障碍组件之Grid Pattern
前端·html·交互设计
乔旭伟3 小时前
Vben3 中后台表格封装实战:useVbenVxeGrid 的全局收敛与七个坑
前端·anti-design-vue·1024程序员节
鶴哥只手遮天3 小时前
jQuery 4.0 源码架构与工程实践-第 10 章 尺寸、几何与显隐
前端·javascript·jquery
Mia_墨黎3 小时前
2026 Windows 11 终端美化完全指南
前端·后端