PHP程序员小白到大牛集训(12期免息)
首页 >web前端 >前端问答 > 正文

html5中br是行内元素还是块级元素

原创2022-09-13 16:53:53395 + Vue前端学习QQ群(点击入群)

在html5中,br是行内元素;行内元素也称内联元素或内嵌元素,其特点是不会占据一行,也不会强迫其他的标签在新的一行显示,一个行内标签通常会和其他行内标签显示在同一行中,行内大多为描述性标记。

前端(vue)入门到精通课程:进入学习
API 文档、设计、调试、自动化测试一体化协作工具:点击使用

本教程操作环境:windows10系统、HTML5版本、Dell G3电脑。

html5中br是行内元素还是块级元素

html5中br是行内元素。

行内元素也称内联元素或内嵌元素,其特点是,不会占据一行,也不强迫其他的标签在新的一行显示。一个行内标签通常会和其他行内标签显示在同一行中,它们不占有独立的区域,仅仅靠自身的文本内容大小和图像尺寸来支撑结构,一般不可以设置宽度、高度、对齐等属性,常用于控制页面中文本的样式。

行内元素:行内大多为描述性标记

  • <span>...</span>

  • <a>...</a> 链接

  • <br> 换行

  • <b>...</b> 加粗

  • <strong>...</strong> 加粗

  • <img > 图片

  • <sup>...</sup> 上标

  • <sub>...</sub> 下标

  • <i>...</i> 斜体

  • <em>...</em> 斜体

  • <del>...</del> 删除线

  • <u>...</u> 下划线

  • <input>...</input> 文本框

  • <textarea>...</textarea> 多行文本

  • <select>...</select> 下拉列表

块元素

块元素在页面中以区域块的形式出现,其特点是,每个块元素通常都会独自占据一行或多行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。

块级元素:块级大多为结构性标记

  • <address>...</adderss>

  • <center>...</center> 地址文字

  • <h1>...</h1> 标题一级

  • <h2>...</h2> 标题二级

  • <h3>...</h3> 标题三级

  • <h4>...</h4> 标题四级

  • <h5>...</h5> 标题五级

  • <h6>...</h6> 标题六级

  • <hr> 水平分割线

  • <p>...</p> 段落

  • <pre>...</pre> 预格式化

  • <blockquote>...</blockquote> 段落缩进 前后5个字符

  • <marquee>...</marquee> 滚动文本

  • <ul>...</ul> 无序列表

  • <ol>...</ol> 有序列表

  • <dl>...</dl> 定义列表

  • <table>...</table> 表格

  • <form>...</form> 表单

  • <div>...</div>

行内元素

(学习视频分享:css视频教程html视频教程

以上就是html5中br是行内元素还是块级元素的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

  • 相关标签:html5
  • 程序员必备接口测试调试工具:点击使用

    Apipost = Postman + Swagger + Mock + Jmeter

    Api设计、调试、文档、自动化测试工具

    后端、前端、测试,同时在线协作,内容实时同步

    支持grpc,http,websocket,socketio,socketjs类型接口调试

    相关文章

    相关视频


    视频教程分类

    专题推荐

    官方公众号

    php中文网课程

    扫码关注官方公众号
    回复“phpcn01”领取php学习资料课程
    全套工具、电子书、脑图、内部课程等

    推荐视频教程

    开通VIP会员课 0元学

    热门推荐