标题:
浏览器会自动地在标题的前后添加空行。
标签类型及特点:
1.行标签:
-
不能设置宽度和高度,标签的宽高是由内容的多少决定的;
-
标签的宽高始终和文本的宽高保持一致;
-
auto*auto,可以将行标签理解为是一个文本行标签,如a, span。
-
常见的字体标签b,i,del。
2.块标签:
-
可以设置宽高;
-
一个块标签要页面上要独自占用一行空间;
-
常见块标签:p, h, div, ul, li等
3.行内块标签:
- 可以设置宽高;
- 不会占用一行空间;因此,多个行内块标签和行标签可以在同一行空间进行展示。
- 常见行内块标签:img, input, button等
标签类型转换:
使用display样式进行标签转换
参数:
- block:转化为块标签
- inline: 转化为行标签
- inline-block:转化为行内块标签
HTML输出:
输出时我们无法确定 HTML 被显示的确切效果,屏幕的大小,以及对窗口的调整都可能导致不同的结果。对于 HTML,我们无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格;所有连续的空行(换行)也被显示为一个空格。