块元素和行内元素
HTML元素根据表现形式,可以分为2类:
- (1)块元素(block);
- (2)行内元素(inline);
任何HTML元素都属于这两类中的其中一类。
2、块元素特点:
- (1)独占一行,排斥其他元素跟其位于同一行,包括块元素和行内元素;
- (2)块元素内部可以容纳其他块元素或行元素;
3、行内元素特点:
- (1)可以与其他行内元素位于同一行;
- (2)行内内部可以容纳其他行内元素,但不可以容纳块元素,不然会出现无法预知的效果。
在这里,所谓的“独占一行”并不是在代码中独占一行,而是在浏览器显示效果中独占一行。
块元素 | 说明 |
---|---|
div | div层 |
h1~h6 | 1到6级标题 |
p | 段落,会自动在其前后创建一些空白 |
hr | 分割线 |
ol | 有序列表 |
ul | 无序列表 |
行内元素 | 说明 |
---|---|
strong | 加粗强调 |
em | 斜体强调 |
s | 删除线 |
u | 下划线 |
a | 超链接 |
span | 常用行级,可定义文档中的行内元素 |
img | 图片 |
input | 表单 |
时间: 2024-10-12 09:30:05