【小白教程】day03快速掌握HTML基本用法。

程序员文章站 2022-05-31 18:05:05

...

由上一篇文章，我们知道了HTML个标签的用法、

HTML 标签

标签	描述
<html>	定义 HTML 文档
<body>	定义文档的主体
<h1> - <h6>	定义 HTML 标题
<hr>	定义水平线
<!--...-->	定义注释

关于标签字体对应的大小。

<h1>这是1号标题</h1>
<font size="6">这是6号字体文本</font>

<h2>这是2号标题</h2>
<font size="5">这是5号字体文本</font>

<h3>这是3号标题</h3>
<font size="4">这是4号字体文本</font>

<h4>这是4号标题</h4>
<font size="3">这是3号字体文本</font>

<h5>这是5号标题</h5>
<font size="2">这是2号字体文本</font>

<h6>这是6号标题</h6>
<font size="1">这是1号字体文本</font>

【小白教程】day03快速掌握HTML基本用法。

HTML 折行

如果想在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：

<p>这个<br>段落<br>演示了分行的效果</p>

【小白教程】day03快速掌握HTML基本用法。

HTML 输出- 使用提醒

对于 HTML，无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

【小白教程】day03快速掌握HTML基本用法。

<h1>春晓</h1>

<p>
    春眠不觉晓，
      处处闻啼鸟。
        夜来风雨声，
          花落知多少。
</p>

<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>

标签	描述
<p>	定义一个段落
<br>	插入单个折行（换行）