html的块级元素和行内元素

最新推荐文章于 2023-12-11 09:21:41 发布
最新推荐文章于 2023-12-11 09:21:41 发布
阅读量204 收藏
点赞数
分类专栏： 前端 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PINK789/article/details/80997989
版权

    在HTML中，元素主要分为块级元素和行内元素

1、块级元素写完后会自动换行，有宽高，可以修改

        有body,from,select,textarea,h1-h6,html,table,button,hr,p,ol,ul,dl,div,center

2、行内元素是指书写完成后不会自动换行，并且元素没有宽和高

        有head,meta,title,label,span,br,a,style,em,b,i,strong

3、还有一种特殊的元素叫做行内块元素

       有img,input,td 

喵喵酱呀
关注
专栏目录
html中的块级元素和行内元素
weixin_44410302的博客
04-28 2272
html中的块级元素和行内元素 块级元素 块元素：常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。 块元素特点： 1、比较霸道，独占一行； 2、可以设置高度宽度及内外边距； 3、宽度默认和容器(父级宽度)一样宽； 4、是一个容器及盒子，里面可以放其他元素。 注意：文字类的块元素不允许放其他元素,例如<p>和<h1>
【入门级】HTML块级元素和行内元素的区别
nlfc47的博客
12-08 708
当然块级元素也不止这些，我这里是指明一些。当然行内元素也不止这些，我这里是指明一些。
HTML 块级元素和行内元素
yc_1314的博客
09-07 169
块级元素 块级元素是独占一行，可以设置宽高度，默认100%。块级元素可以包含块级元素和行级元素。 常见的块级元素有： 元素标签 说明 <h？>…</h？> 代表标题，可以有1-6级的标签 <hr> 水平分割线 <p>…</p> 表示段落 <p>…</p> 表示段落 <pre>…</pre> 预格式化 <blockquote>…</blockquot
HTML块级元素和行内元素，行内块元素(通俗易懂)
sjs52406的博客
12-07 4073
本篇文章主要讲解一下html标签中的块级元素，主要包括块级元素的概念、作用、特点，还有就是块级元素有哪些标签等内容。
行内元素和块级元素的区别
gao_zhennan的博客
10-15 5075
本文介绍了块级元素和行内元素的基本概念、内容模型和默认格式。
HTML块级元素、行内元素
最新发布
f126735786585288的博客
12-11 720
行内元素：a、abbr、acronym、b、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、samp、select、small、span、s、del、strike、strong、sub、sup、textarea、tt、u、var等。块状元素转换为行内元素。行内元素转换为块状元素。
块级元素和行内元素的区别
热门推荐
gao_zhennan的博客
03-26 1万+
无论是初学者或者是即将面试的前端工程师，行内元素及块级元素都是非常重要的知识点，在布局设置宽高和边距时经常由于混淆行内元素及块级元素出现问题。 一、显示元素 （一）块级元素 div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre HTML5：header、section、article、footer等等，还...
Html 中的块级元素和行内元素（内联元素）
qq524752841的专栏
07-12 1843
先从字面意思找，块级元素可以看做讲台，自己独占一排，常见标签：, , , ；行内元素（内联元素）可以看做学生的课桌，可以多个占用一排，常见标签：, , , ；
HTML块级元素和行内元素
superyuan567的博客
02-28 224
HTML中的行内元素和块级元素 行内元素：行内大多为描述性标记 &lt;a&gt;&lt;/a&gt; 超链接 &lt;input&gt; 输入框 &lt;img&gt; ...
html 块级元素和行内元素
B_qxzb的专栏
11-11 2999
块级元素和行内元素的区别 1、从视觉上区分：该元素是否独占一行，独占一行的意思是，在水平方向上只有该元素的内容 如果一个元素独占一行（比如，div元素），那么该元素就是块级元素；如果不是独占一行（比如，input元素），那么该元素就是行内元素。 2、从代码上区分：是否允许包含块级元素 如果可以包含块级元素（比如，td元素），那么该元素就是块级元素；如果不能包含块级元素，那么该元素就
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
行内元素和块级元素 displayDemo.html
04-13
在HTML中，元素被分为两种主要类型：行内元素（Inline Elements）和块级元素（Block-level Elements）。这两种元素在页面布局中起着至关重要的作用，它们各自有不同的特性和使用场景。 1. 行内元素（Inline ...
关于块级元素和行内元素
09-15
块级元素和行内元素是 HTML 中两个基本的元素类型，它们在文档结构和布局中扮演着重要角色。本文将从块级元素和行内元素的定义、特点、区别、应用场景等方面，对它们进行详细的讲解。 块级元素（Block Element） ...
HTML块级元素和行内元素和行内块元素的特点和相互转换
书读百遍其意自现
09-21 438
行内元素 a , span , b , img , input , select , lable , em , button , textarea , selecting 行内元素的特点 行内元素设置宽高无效 行内元素总是和相邻的行内元素在同一行 行内元素的宽高默认为内容的宽高 行内元素内部只能容纳行内元素(特殊的类似于行内块元素a标签除外) 水平方向的padding和margin属性可以设置，但是垂直方向上的设置后无效。 ...
使用box-shadow做出卡片效果
是喵喵酱呀！
07-25 8355
文字卡片效果 （图片卡片效果在div.container上面用&lt;img&gt;直接引入图片即可） &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;使用box-shadow做出卡片效果&lt;/title&gt; &lt;sty
织梦各个文件/文件夹的介绍
是喵喵酱呀！
11-27 5395
/根目录 ../a　默认生成文件存放目录 ../data　系统缓存或其他可写入数据存放目录 ../dede　默认后台登录管理（可任意改名） ../images　系统默认的部分系统需要的图片目录 ../include　程序核心系统文件目录 ../install　安装文件目录 ../member　会员系统目录 ../plus　插件及辅助功能目录 ../special　专题目录 .....
各种导航栏写法汇总（面包屑导航栏，简单的下拉菜单，加强中……）
是喵喵酱呀！
07-26 4880
1、 面包屑导航栏（很多网站的头部会用这种） 思路是利用了选择器li+li选择第一个li后的所有元素， 并利用伪类选择器在li+li的所有元素之前加上“/” &lt;!doctype html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;面包屑导航栏&lt;/title&gt; &lt;style&gt; *
sublime注释失效解决方法
是喵喵酱呀！
10-21 4750
先：ctrl+~  ；后：粘入以下代码  ；按下enter键 Sublime Text 3： import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.reque...
浏览器输入URL按下enter发生了什么
是喵喵酱呀！
01-25 2262
输入URL并按下enter； 浏览器查找当前URL是否存在缓存，并比较缓存是否过期； DNS解析URL对应的IP； 根据IP建立TCP连接（三次握手）； HTTP发起请求； 服务器处理请求，浏览器接收HTTP响应； 渲染页面，构建DOM树； 关闭TCP连接（四次挥手）； 一、ULR url由三部分组成：协议//域名：端口号（默认80端口省略）除此之外URL还包含一些路径、查询和其他片段； 如h...
块级元素和行内元素有什么区别
05-24
3. 块级元素可以包含其他块级元素和行内元素，而行内元素只能包含其他行内元素和文本。 4. 块级元素在默认情况下会自动换行，而行内元素则不会。 5. 块级元素可以使用 CSS 中的 display 属性设置为行内块元素，而...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值