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


相关推荐
变与不变8067 分钟前
GET请求知识详解
前端·javascript
智塑未来8 分钟前
网站建设哪家服务好?把交付前、交付中、交付后拆开看
大数据·前端
百度一下吧8 分钟前
H5 应用开发:Android、iOS 与鸿蒙安全区域适配实战
前端
风骏时光牛马2 小时前
数据可视化管理平台
前端
哎哟喂呢哈2 小时前
VedioJS 10
javascript·html5
仿生狮子7 小时前
OpenAI 攻下千禧年难题之后,开发者似乎无动于衷
前端·数学·vibecoding
夏幻灵10 小时前
JavaScript this 面试:五种绑定规则、优先级与常见面试陷阱
开发语言·javascript·面试
Lvan的前端笔记10 小时前
docker:每个前端项目一个 Nginx 容器还是只有一个Nginx容器
前端·nginx·docker
三天不学习11 小时前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js