这是我参与「第五届青训营」伴学笔记创作活动的第 4 天。今天我们开始谈谈常用的HTML标签——段落、行内和换行标签以及文本样式标签，请大家多多指教！

【段落、行内和换行标签】

段落标签：
行内标签：
换行标签：

三者之共同作用：使网页中的文字有条理地显示出来

下面通过案例演示这三种标签的使用，案例关键代码如下所示：

<body>
    <p>使用HTML制作网页时，
    <span>通过br标签</span>可以实现<br />换行效果
    </p>
    <p>这是我参与「第五届青训营」伴学笔记创作活动的第 4 天。
    </p>
</body>

使用浏览器打开，显示效果如下图所示。从图中可以看出，使用标签对文本没有影响，但使用换行标签 对文本实现了强制换行的效果。使用标签可以让文本更换段落，段落与段落之间空格一行。

【文本样式标签】

在HTML中，使用标签控制网页中文本的样式，例如字体、字号和颜色
标签的基本语法格式：文本内容

下面通过一个案例文件htmlDemo03演示标签的使用，案例关键代码如下所示：

<body>
    默认样本的文本：这是我参与「第五届青训营」伴学笔记创作活动的第 4 天!<br/>
    <font face="楷体" size="5" color="red"><br />
    5号红色微软雅黑文本：这是我参与「第五届青训营」伴学笔记创作活动的第 4 天!</font>
</body>

在文件htmlDemo03中，第2行代码的文本为HTML默认文本样式，第三行代码使用标签的face、size和color属性分别设置了文本的字体、大小和颜色，使用浏览器打开文件htmlDemo03，显示效果如下图所示。

【小结】

今天总结了段落、行内和换行标签以及文本样式标签，对、、 、等HTML标签有了更为深入的理解。

HTML标签——段落、行内、换行标签和文本样式标签|青训营笔记

【段落、行内和换行标签】

【文本样式标签】

【小结】