HTML总结(补充1--行内元素和块级元素)

Posted 2021-04-04 怪诞喜剧

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

1，总是在新的一行开始

2，高度和宽度是可控的

3，宽度没有设置时，默认为100%

4，块级元素中可以包含块级元素和行内元素

5，都有 align 属性

6，display 都是 block

  <address></address>       定义文档作者或拥有者信息  <center></center>         文本居中(html5不适用)  <h></h>                   标题  <hr>                      水平分割线  <p></p>                   段落  <pre></pre>               预格式化  <blockquote></blockquote> 段落缩进五个字符  <marquee></marquee>       滚动文本  <ul></ul>                 无序列表  <ol></ol>                 有序列表  <dl></dl>                 定义列表  <table></table>           表格  <form></form>             表单 <div></div>

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

1，和其它元素都在一行

2，高度和宽度以及内边距是不可控的

3，宽度就是内容的高度，不可改变

4，行内元素只能包含行内元素，不能包含块级元素

5，没有 align 属性

6，display 都是 inline

<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>      下拉列表

行内元素和块级元素可以通过CSS的display属性互换

属性值 block  (此元素将显示为块级元素，此元素前后会带有换行符)

属性值 inline  (此元素会被显示为内联元素，元素前后没有换行符)

属性值 inline-block  (行内块元素）