当前位置: 首页 > article >正文

HTML——47.元素类型

  <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>元素的类型</title>
	</head>
	<body>
		<!--块级元素:-->
			<!--1.独占一行,不和其它元素呆在一起-->
			<!--2.块级元素可以设置宽高-->
			<!--3.用来网页进行布局,承载内容-->
		
		<!--行级元素-->
			<!--1.不会独占一行,可以和其它元素呆在一行-->
			<!--2.行级元素不可以设置宽高,宽高由里面的内容决定-->
			
		<!--行内块级元素:如  img  -->	
			<!--1.不会独占一行,可以和其它元素呆在一行-->
			<!--2.可以设置宽高-->
		
		<!--元素类型可以相互转换,css中学习-->
		
			<h1 style="width: 200px;height: 50px; background: aqua;">块级元素要独占一行1块级元素可以设置宽高</h1>
			<b  style="width: 200px;height: 50px; background: aqua;">行级元素,不会独占一行,可以和其它元素呆在一行,不可以设置宽高,宽高由里面的内容决定</b>
			<span>行级元素,不会独占一行,可以和其它元素呆在一行2</span>
			<p style="width: 200px;height: 50px; background: aqua;">块级元素要独占一行,块级元素可以设置宽高</p>
			
			<img src="logo.jpg" style="width: 400px;"/>
			<img src="logo.jpg"/>
		
		
	</body>
</html>
我门以及学过a元素,b元素,img元素等等
有的元素会待在一行,有的元素会独占一行,根据着一特点我们把元素暂时分成三类,第一类叫块级元素,第二类叫行级元素,第三类叫行内块级元素  



在这里插入图片描述


http://www.kler.cn/a/464717.html

相关文章:

  • 【机器学习】机器学习的基本分类-自监督学习-生成式方法(Generative Methods)
  • 七款领先的网络准入控制解决方案分享:智能准入,安全无忧
  • (NDSS2024)论文阅读——仅低质量的训练数据?用于检测加密恶意网络流量的稳健框架
  • Apache Dubbo反序列化漏洞
  • JDK的运作原理
  • 做一套手机UI自动化测试的全套系统,支持对Android、ios进行UI自动化测试,使用什么样的后端、前端、UI自动化框架、持续集成和部署方案
  • vue.js 非父子通信-事件总线
  • 动态规划解决不同的二叉搜索树问题
  • 游戏社交趋势下,游戏语音再升级!
  • Springboot的自动配置原理?
  • LeetCode题解:2625. 扁平化嵌套数组,递归
  • 解决chatgpt(mac app登陆)出现报错:获取您的 SSO 信息时出错
  • 如何利用动态IP采集数据?
  • 方正畅享全媒体新闻采编系统imageProxy存在任意文件读取漏洞
  • Java毕设项目:基于Springboot电影院在线选座订票系统设计与实现开题报告
  • 可扩展性设计架构模式——事件驱动架构
  • 前端页面有那三层?分别是什么?作用是 什么?
  • 计算机网络期末复习之网络层
  • 代码随想录算法【Day8】
  • CentOS7 解决ping:www.baidu.com 未知的名称或服务