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 分钟前
Claude Code Token 烧得太快?这8个方案帮你立省90%!
前端·ai编程·claude
可视之道3 分钟前
设备拓扑图中的实时状态映射与动画策略:告警闪烁、流向动画、质量码怎么共存
前端
涂兵兵_青石疏影4 分钟前
绘制图像-clip方法
前端
之歆20 分钟前
Day03_HTML 列表、表格、表单完整指南(下)
android·javascript·html
焦糖玛奇朵婷22 分钟前
解锁扭蛋机小程序的五大优势
java·大数据·服务器·前端·小程序
SwJieJie33 分钟前
windsurf的配置和项目规则、工作流、agent技巧使用
前端
白日梦想家68141 分钟前
从基础入手,分清一次性定时器与永久定时器
前端
李白的天不白42 分钟前
读到数据为undefind是的几种情况
开发语言·javascript·ecmascript
AIwork4me1 小时前
别再把 RAG 当知识库:用 AutoClaw 搭一套会进化的 Karpathy LLM Wiki
前端
彩票管理中心秘书长1 小时前
Git 归档与补丁命令大全(完整详解版)
前端