要给HTML字体变色，可以使用CSS样式。将文本颜色设置为红色：
这是红色的文本。。
如何给HTML字体变色
使用内联样式
1、使用颜色名称：在HTML标签中使用"style"属性，并设置"color"属性为所需的颜色名称。
- 示例代码：
```html
<p style="color: red;">这是红色的字体。</p>
```
2、使用十六进制颜色代码：在HTML标签中使用"style"属性，并设置"color"属性为十六进制颜色代码。
- 示例代码：
```html
<p style="color: #FF0000;">这是红色的字体。</p>
```
3、使用RGB颜色代码：在HTML标签中使用"style"属性，并设置"color"属性为RGB颜色代码。
- 示例代码：
```html
<p style="color: rgb(255, 0, 0);">这是红色的字体。</p>
```
使用CSS样式表
1、内联样式表：在HTML标签中使用"style"属性，并设置CSS样式。
- 示例代码：
```html
<p style="color: red;">这是红色的字体。</p>
```
2、内部样式表：在HTML文档的<head>标签中添加<style>标签，并在其中编写CSS样式。
- 示例代码：
```html
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>这是红色的字体。</p>
</body>
```
3、外部样式表：创建一个单独的CSS文件，并在HTML文档中引用该文件。
- 示例代码：
在外部CSS文件中：
```css
p {
color: red;
}
```
在HTML文档中引用：
```html
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<p>这是红色的字体。</p>
</body>
```
使用JavaScript修改字体颜色
1、通过修改元素的style属性来改变字体颜色。
- 示例代码：
```html
<script>
document.querySelector('p').style.color = 'red';
</script>
```
2、通过修改元素class属性来改变字体颜色，在CSS中定义一个类，然后使用JavaScript将该类应用于元素。
- CSS样式定义：
```css
.red-text {
color: red;
}
```
- JavaScript代码：
```html
<script>
document.querySelector('p').classList.add('red-text');
</script>
```