行内元素有哪些,块级元素有哪些,他们之间的区别

行内元素:

 

span、a、img、i、input、strong、select

块级元素: 


div、ul和ol、li、table、dt、dd、h1~6、p(p是可以设置宽高的!!!!)

区别:

1.行内元素是不可以设置宽高,不是自己独占一行。但是margin,padding值有用

2.块级元素是可以设置宽高的,且自己独占一行

相互转换:

行内元素设置display:block或者inline-block,前者是转换成块级元素后者是转换成行内块,都可以设置宽高

 

 

 

 

### 回答1: 行内元素指的是那些默认情况下不会产生换行的元素,比如<span>、<a>、<strong>等。这些元素通常用于包含一小段文本或者图片等行内内容。 块级元素指的是那些默认情况下会单独占据一行的元素,比如<div>、<p>、<h1>等。这些元素通常用于包含一整段内容,可以设置宽度、高度等属性。 需要注意的是,HTML5中有些元素可以同时作为行内元素块级元素使用,比如<a>元素。可以通过CSS中的display属性来控制元素的表现方式。 ### 回答2: 行内元素是指在HTML文档中被设计成不会独占一行的元素。常见的行内元素有: 1. span:用于对文本或其他行内元素进行分组的标记。 2. a:用于创建超链接。 3. strong:表示强调的文本。 4. em:表示强调、斜体的文本。 5. img:用于插入图像。 6. input:用于接收用户输入的表单元素。 7. button:用于创建按钮。 块级元素是指在HTML文档中被设计成会独占一行的元素。常见的块级元素有: 1. div:用于对文档中的内容进行分组或布局。 2. p:用于表示段落。 3. h1-h6:用于表示标题。 4. ul:表示无序列表。 5. ol:表示有序列表。 6. li:表示列表项。 7. table:用于创建表格。 8. form:用于创建表单。 9. header:表示页面的头部。 10. footer:表示页面的底部。 11. section:表示文档中的节。 12. article:表示独立的博客文章、新闻或其他独立的内容。 13. nav:表示导航栏。 需要注意的是,行内元素只会占据内容所需的空间,不会独占一行,而块级元素会独占一行,并且会在前后添加换行符。 ### 回答3: 行内元素是指在HTML文档中默认情况下水平显示的元素,它们不会独占一行,而是直接跟随在其前面的元素后面继续显示。常见的行内元素有: 1. 文本相关元素:如a、strong、em、span等; 2. 图片相关元素:如img、input(type为image)等; 3. 表单相关元素:如input(type为text、radio、checkbox、button等)、select、textarea等; 4. 嵌入式内容相关元素:如iframe、object、embed等。 块级元素是指在HTML文档中默认情况下每个元素都独占一行,其后的元素必须另起一行显示。常见的块级元素有: 1. 文章相关元素:如p、h1~h6、ul、ol、dl等; 2. 分区相关元素:如div、section、article、aside、header、footer等; 3. 媒体相关元素:如video、audio; 4. 表格相关元素:如table、tr等。 注:行内元素块级元素可以通过CSS的display属性进行改变,使其表现形式与默认情况不同。例如,可以将块级元素设置为行内元素,或将行内元素设置为块级元素
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值