常见的块级元素、内联元素、行内块级元素

本文详细介绍了HTML中三种基本元素类型:块级元素如<div>、<p>、<h1>等,它们独占一行并支持尺寸调整;内联元素如<a>、<span>、<br>等,它们仅占据自身边框空间,尺寸调整有限;以及行内块级元素如<img>、<input>,它们在行内排列但支持宽高设置。理解这些元素的差异对于网页布局至关重要。
摘要由CSDN通过智能技术生成

常见的块级元素、内联元素、行内块级元素

一、块级标签
1、独占一行,不和其他元素待在同一行
2、可以控制宽高、行高、边距、边框等改变其尺寸

常见的块级元素有:

<div>  <p>  <h1>-<h6>  <ol>  <dl>  <li>  <ul>  <table>  <address>
<form>  <blockquote>

二、内联元素
1.只占据它对应标签的边框所包含的空间
2.只能通过修改水平边距、边框或者行高的方式改变尺寸
3.只能容纳文本或者其他内联元素

常见的内联元素有:

<a>  <span>  <br>  <i>
<em>  <strong>  <label>  <q>  <var>  <cite>   <code>

三、行内块级元素
1.元素在行内排列,不会独占一行
2.支持设置宽高以及垂直边距、边框

常见的内联元素:

<img>  <input>   <td>
<textarea>  <select>  <option>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值