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


相关推荐
deli00711 分钟前
1 个汉字算几个 token?实测中英文 prompt 与代码的编码差异
前端
无限聚核17 分钟前
抖音 certificate.prepare 之后怎么验券?和美团 msconsume 差在哪,无限聚核
前端·微信小程序
2603_9658966227 分钟前
Grid 网格布局|CSS 二维页面排版体系
前端·css
有味道的男人43 分钟前
搜好货平台关键词商品搜索接口:分页容错与商品数据轻量化提取方案
服务器·前端·javascript
lovingsoft1 小时前
Chrome Lighthouse 详解
前端·chrome
Qlly2 小时前
全栈工程师怎么接需求?从一句「加个功能」聊到能开发、能验收
前端·后端
马可家的菠萝2 小时前
你的微信“文件传输助手”,是不是已经成了第二个网盘?
前端·后端·架构
略略略啦2 小时前
Vibe Coding 基于Spec DD和TDD的实践指南
前端
shmily麻瓜小菜鸡2 小时前
前端实现图片与PDF文字识别敏感信息打码方案
前端·pdf·状态模式
打工仔折腾 AI2 小时前
LangChain 工具调用实战:从 Tool 定义到 Agent 执行链路拆解
java·前端·人工智能·后端·python·langchain·ai agent 实战