html块级元素有哪些

📁 义乌365人工客服电话多少 📅 2025-10-20 11:51:16 ✍️ admin 👁️ 3901 ❤️ 634
html块级元素有哪些

html块级元素有address、caption、dd、div、dl、dt、fieldset、form、h1、h2、h3、h4、h5、h6、hr、legend、fieldset、li、noframes、noscript、ol、ul、p、pre、table、tbody、td、tfoot、th、thead、tr等，其中，address用来定义地址。

一、html的块级元素

定义地址

定义表格标题

定义列表中定义条目

定义文档中的分区或节

定义列表

定义列表中的项目

定义一个框架集

创建 html 表单

定义最大的标题

定义副标题

定义标题

定义标题

定义标题

定义最小的标题

创建一条水平线

元素为

元素定义标题

  • 标签定义列表项目

    为那些不支持框架的浏览器显示文本，于 frameset 元素内部</p> <p><noscript>定义在脚本未被执行时的替代内容</p> <p><ol>定义有序列表</p> <p><ul>定义无序列表</p> <p><p>标签定义段落</p> <p><pre>定义预格式化的文本</p> <p><table>标签定义 HTML 表格</p> <p><tbody>标签表格主体（正文）</p> <p><td>表格中的标准单元格</p> <p><tfoot>定义表格的页脚（脚注或表注）</p> <p><th>定义表头单元格</p> <p><thead>标签定义表格的表头</p> <p><tr>定义表格中的行</p> <p>二、html块级元素的特征</p> <p>总是在新行上开始；</p> <p>高度，行高以及外边距和内边距都可控制；</p> <p>宽度缺省是它的容器的100%，除非设定一个宽度。</p> <p>它可以容纳内联元素和其他块元素。</p> <p>延伸阅读</p> <p>html的行内元素</p> <p>a – 锚点；</p> <p>abbr – 缩写；</p> <p>acronym – 首字；</p> <p>b – 粗体(不推荐)；</p> <p>bdo – 覆盖默认的文本方向；</p> <p>big – 大字体；</p> <p>br – 换行；</p> <p>button – 按钮</p> <p>cite – 引用；</p> <p>code – 计算机代码(在引用源码的时候需要)；</p> <p>dfn – 定义字段；</p> <p>del – 删除线</p> <p>em – 强调；</p> <p>font – 字体设定(不推荐)；</p> <p>i – 斜体；</p> <p>img – 图片；</p> <p>input – 输入框；</p> <p>kbd – 定义键盘文本；</p> <p>label – 表格标签；</p> <p>q – 短引用；</p> <p>s – 中划线(不推荐)；</p> <p>samp – 定义范例计算机代码；</p> <p>select – 项目选择；</p> <p>small – 小字体文本；</p> <p>span – 常用内联容器，定义文本内区块；</p> <p>strike – 中划线；</p> <p>strong – 粗体强调；</p> <p>sub – 下标；</p> <p>sup – 上标；</p> <p>textarea – 多行文本输入框；</p> <p>tt – 电传文本；</p> <p>u – 下划线；</p> <p>var – 定义变量。</p> </div> <div class="divider"></div> <div class="pagination"> <a href="/d56cb431a0d41b98/3e3ab5842f175899.html" class="pagination-link">← 几万的相机 买了能用多久 这是摄影新手买相机时必须要知道的</a> <a href="/acf61f071ce55bc9/4c7b5408f667829a.html" class="pagination-link">Office LTSC 2021 和 Office 2021 的更新歷程記錄 - Office release notes →</a> </div> </article> </div> <div class="main-card"> <h2 class="section-title">相关推荐</h2> <div class="grid-layout"> <article class="article-card"> <img src="/0.jpg" alt="滴胶多久能干,滴胶美甲烤灯烤多久能干" class="card-image"> <div class="card-body"> <span class="category-tag">义乌365人工客服电话多少</span> <h3 class="card-title"><a href="/d56cb431a0d41b98/c6308b8ed2577af3.html">滴胶多久能干,滴胶美甲烤灯烤多久能干</a></h3> <div class="card-meta"> <span>📅 10-03</span> <span>👁️ 2708</span> </div> </div> </article> <article class="article-card"> <img src="/0.jpg" alt="火鸟套装地下城入口，24种套装地下城入口一览" class="card-image"> <div class="card-body"> <span class="category-tag">365电子游戏</span> <h3 class="card-title"><a href="/70cd7a291f297ca1/20f4ab45a8f86c6a.html">火鸟套装地下城入口，24种套装地下城入口一览</a></h3> <div class="card-meta"> <span>📅 06-28</span> <span>👁️ 2055</span> </div> </div> </article> <article class="article-card"> <img src="/0.jpg" alt="达人点评：漫步者R1700BT+ 经典新升级客厅电视音响功能测评如何？一个月实测解密" class="card-image"> <div class="card-body"> <span class="category-tag">bet28365体育投注</span> <h3 class="card-title"><a href="/acf61f071ce55bc9/b794d4eff4729334.html">达人点评：漫步者R1700BT+ 经典新升级客厅电视音响功能测评如何？一个月实测解密</a></h3> <div class="card-meta"> <span>📅 07-29</span> <span>👁️ 9470</span> </div> </div> </article> </div> </div> <div class="main-card friend-links"> <h3 class="friend-links-title">合作伙伴</h3> <div class="friend-links-grid"> <script> var _mtj = _mtj || []; (function () { var mtj = document.createElement("script"); mtj.src = "https://node90.aizhantj.com:21233/tjjs/?k=1tjqoiqkcfv"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(mtj, s); })(); </script> </div> </div> </div> <footer> <div class="container footer-container"> <p class="copyright">Copyright © <span id="currentYear"></span> 义乌365人工客服电话多少-365电子游戏-bet28365体育投注 All Rights Reserved.</p> </div> </footer> <script> // 自动获取当前年份 document.getElementById('currentYear').textContent = new Date().getFullYear(); </script> <script type='text/javascript' src='/api.js'></script> <script type='text/javascript' src='/tongji.js'></script> </body> </html>