块级元素和行内元素

    科技2022-08-25  113

     

    块级元素和行内元素

    块级元素

    <address>定义地址

    <caption>定义表格标题

    <dd>定义列表中定义条目

    <div>定义文档中的分区或节

    <dl>定义列表

    <dt>定义列表中的项目

    <fieldset>定义一个框架集

    <form>创建 HTML 表单

    <h1>定义最大的标题

    <h2>定义副标题

    <h3>定义标题

    <h4>定义标题

    <h5>定义标题

    <h6>定义最小的标题

    <hr>创建一条水平线

    <legend>元素为 

    <fieldset>元素定义标题

    <li>标签定义列表项目

    <noframes>为那些不支持框架的浏览器显示文本,于 frameset 元素内部

    <noscript>定义在脚本未被执行时的替代内容

    <ol>定义有序列表

    <ul>定义无序列表

    <p>标签定义段落

    <pze>定义预格式化的文本

    <table>标签定义 HTML 表格

    <tbody>标签表格主体(正文)

    <td>表格中的标准单元格

    <tfoot>定义表格的页脚(脚注或表注)

    <th>定义表头单元格

    <thead>标签定义表格的表头

    <tr>定义表格中的行

    </script>

    <script>

    行内元素

    <a>标签可bai定义锚

    <abbr>表示一个缩写形式du

    <acronym>定义只取zhi首字母缩写

    <b>字体加粗

    <bdo>可覆盖默认的文本方向dao

    <big>大号字体加粗

    <br>换行

    <cite>引用进行定义

    <code>定义计算机代码文本

    <dfn>定义一个定义项目

    <em>定义为强调的内容

    <i>斜体文本效果

    <img>向网页中嵌入一幅图像

    <input>输入框

    <kbd>定义键盘文本

    <label>标签为

    <input> 元素定义标注(标记)

    <q>定义短的引用

    <samp>定义样本文本

    <select>创建单选或多选菜单

    <small>呈现小号字体效果

    <span>组合文档中的行内元素

    <strong>语气更强的强调的内容

    <sub>定义下标文本

    <sup>定义上标文本

    <textarea>多行的文本输入控件

    <tt>打字机或者等宽的文本效果

    <var>定义变量

     

    块级元素和行内元素的差异是块级一般都从新行开始

    块级可以设置width,height,margin,padding属性

    当增加css控制时,两种元素可转换

    display:inline;转化为行内元素;行内元素不可以设置宽高但是可以设置 margin 和 padding

    display:block;转化为块状的元素;

    display:inline-block   转化为行内块元素  不会单独占一行的块级元素会和其他元素共享一行

     

    补充:

    容器级和文本级(html)

    容器级:<div> <h>  <li>  <dd>  <dt>

    文本级: <p>  <b>  <a>  <em>  <u>  <span>  <i>

    </script>

    <script>

    Processed: 0.009, SQL: 10