当前位置：首页 > 编程语言 > html中的行内元素和块级元素小结

html中的行内元素和块级元素小结

2021-07-12 14:05

阅读：575

标签：格式   一条直线   输入   div   单元   序列   页脚   单选   rip   

一.首先我们总结下行内元素和块级元素有哪些：

行内元素：

标签可定义锚
表示一个缩写形式
定义只取首字母缩写
字体加粗
可覆盖默认的文本方向
大号字体加粗

换行
引用进行定义
定义计算机代码文本
定义一个定义项目
定义为强调的内容
斜体文本效果
向网页中嵌入一幅图像
输入框
定义键盘文本

块级元素：

定义地址

定义表格标题
定义列表中定义条目
定义文档中的分区或节
定义列表
定义列表中的项目
定义一个框架集
创建 HTML 表单

定义最大的标题

定义副标题

定义标题

定义标题

定义标题
定义最小的标题
创建一条水平线
元素为 
元素定义标题
  • 标签定义列表项目
    为那些不支持框架的浏览器显示文本，于 frameset 元素内部<br><noscript>定义在脚本未被执行时的替代内容<ol>定义有序列表<br> </ol> <ul>定义无序列表<br><p>标签定义段落<br></p> </ul> <pre>定义预格式化的文本<br></pre> <table>标签定义 HTML 表格<br><tbody>标签表格主体（正文）<br><td>表格中的标准单元格<br> </td> </tbody> <tfoot>定义表格的页脚（脚注或表注）<br><th>定义表头单元格<br><thead>标签定义表格的表头<br><tr>定义表格中的行 <p>二.然后我们再来看看行内元素和块级元素的区别：</p> <p>1.行内元素与块级元素直观上的区别</p> <p>行内元素会在一条直线上排列，都是同一行的，水平方向排列</p> <p>块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。</p> <p>2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。</p> <p>3.行内元素与块级元素属性的不同，主要是盒模型属性上</p> <p>行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效</p> <p>三.行内元素和块级元素的转化：</p> <p>把块级元素转换成行内元素：display:inline;</p> <p>将行内元素转换成块级元素:display:block;</p> <p>行内块元素：display:inline-block;</p> <p>html中的行内元素和块级元素小结</p> <p>标签：格式   一条直线   输入   div   单元   序列   页脚   单选   rip   </p> <p>原文地址：http://www.cnblogs.com/lypyongpeng/p/7081892.html</p> </tr> </thead> </th> </tfoot> </table> </noscript>

    • 上一篇：css选择器的一些说明

    下一篇：《FDTD electromagnetic field using MATLAB》读书笔记 Figure 1.2

    文章来自：搜素材网的编程语言模块，转载请注明文章出处。
    文章标题：html中的行内元素和块级元素小结
    文章链接：http://soscw.com/index.php/essay/104189.html

    评论

    亲，登录后才可以留言！

    热门文章

    推荐文章

    最新文章

    置顶文章

    关于我们 | 版权声明 | 常见问题 | 素材投稿 | 联系我们 | 网站地图 |
    搜素材网素材除本站原创外均由用户分享，若发现权利被侵害，请联系及时联系我们，我们会在第一时间进行处理。
    特别说明：本站所有资源除本站原创外仅供学习与参考，请勿用于商业用途,如有侵犯您的版权请联系客服服务QQ：点击这里给我发消息
    Copyright © 2024 soscw.com 搜素材网素材网版权所有 蜀ICP备18015633号-1