在HTML中，行高可以通过CSS来设置，行高是指文本行之间的垂直间距，通常以点（pt）、英寸（in）、厘米（cm）或像素（px）为单位，在CSS中，我们可以使用line-height属性来设置行高。
以下是一些关于如何设置HTML行高的示例：
1、使用像素（px）单位设置行高：
<!DOCTYPE html>
<html>
<head>
<style>
p {
line-height: 20px;
}
</style>
</head>
<body>
<p>这是一段设置了行高的文本，我们将行高设置为20像素。</p>
</body>
</html>
2、使用百分比（%）单位设置行高：
<!DOCTYPE html>
<html>
<head>
<style>
p {
line-height: 150%;
}
</style>
</head>
<body>
<p>这是一段设置了行高的文本，我们将行高设置为150%。</p>
</body>
</html>
3、使用em单位设置行高：
<!DOCTYPE html>
<html>
<head>
<style>
p {
line-height: 1.5em;
}
</style>
</head>
<body>
<p>这是一段设置了行高的文本，我们将行高设置为1.5em。</p>
</body>
</html>
4、使用父元素的高度作为行高：
<!DOCTYPE html>
<html>
<head>
<style>
p {
line-height: 2; /* 这将使行高等于父元素的高度 */
}
</style>
</head>
<body style="height: 100px;">
<p>这是一段设置了行高的文本，我们将行高设置为2，这意味着行高将等于父元素的高度。</p>
</body>
</html>
5、使用数字和单位组合设置行高：
<!DOCTYPE html>
<html>
<head>
<style>
p {
line-height: 20px; /* 这是一个简单的数字和单位组合 */
}
</style>
</head>
<body>
<p>这是一段设置了行高的文本，我们将行高设置为20像素。</p>
</body>
</html>
6、使用length函数设置行高：
<!DOCTYPE html>
<html>
<head>
<style>
p {
line-height: calc(1em + 1vw); /* 这是一个简单的length函数组合 */
}
</style>
</head>
<body>
<p>这是一段设置了行高的文本，我们将行高设置为1em加上1vw。</p>
</body>
</html>
7、使用max()函数设置行高：
<!DOCTYPE html>
<html>
<head>
<style>
p {
line-height: max(30px, 1.5em); /* 这是一个简单的max()函数组合 */
}
</style>
</head>
<body>
<p>这是一段设置了行高的文本，我们将行高设置为30像素和1.5em中的较大值。</p>
<!-- 如果浏览器的字体大小较小，那么行高将设置为1.5em；如果浏览器的字体大小较大，那么行高将设置为30像素 -->