欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【小白教程】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> 插入单个折行(换行)


相关标签: html换行或则段落