07-03块级/行级标签

>块级/行级标签的区别
块级标签:
1.默认宽度100%,占满一行。
2.块级标签自动换行(独占一行,右边不能有任何东西)。
3.块级标签可以使用CSS设置快读盖度。
行级标签:
1.默认宽度由内容撑开。
2.行级标签不会自动换行(一行中,从左到右依次排列)。
3.行级标签宽度高度不能设置。

基本块级标签
h、hr、p、<br/>、
pre(预格式标签):常用于页面像是代码,保留代码格式。
blockquoto:定义块引用。
基于布局的块级元素
ul、ol、dl、
图片组合标签<figure>含两部分:1.图形<img>  2.<figurecaption>

<figure>
  <p>黄浦江上的的卢浦大桥</p>
  <p>拍摄者:W3School 项目组,拍摄时间:2010 年 10 月</p>
  <img src="/i/shanghai_lupu_bridge.jpg" width="350" height="234" />
  <figcaption>Fig.1 - The Pulpit Rock, Norway.</figcaption>
</figure>

div

基本行级标签
span、b/strong/em(emphasize,strong的强调级别更高==》strong>em>b)、i、q(quote)段引用
small、big、img、a
其他行级标签(了解)
u(underline)、s、dfn(definition)、var(variable)、bdo(Direction Of Text Display)
kbd(keyboar):定义键盘文本。常用在于计算机相关的文档和手册中。例如:
键入 <kbd>quit</kbd> 来退出程序,或者键入 <kbd>menu</kbd> 来返回主菜单。
sup、sub、time

posted @ 2018-11-20 21:01  payn  阅读(208)  评论(0)    收藏  举报