在HTML中，可以使用<details>和<summary>标签来创建带有折叠效果的文本块。
<details>标签定义一个可折叠的部分，而<summary>标签定义折叠部分的标题。
例如，以下代码将创建一个带有折叠效果的文本块：
<details>
<summary>点击展开/折叠</summary>
<p>这里是要折叠的内容。</p>
</details>当用户点击标题时，这个文本块将展开或折叠。
需要注意的是，<details>和<summary>标签不是所有浏览器都支持的。可以使用CSS来对不支持这些标签的浏览器进行降级处理，例如：
<style>
details {
display: block;
}
summary {
display: list-item;
cursor: pointer;
}
/* 对不支持的浏览器进行降级处理 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
details {
display: block;
}
summary {
display: block;
cursor: pointer;
}
details > * {
display: none;
}
details[open] > * {
display: block;
}
}
</style>上述代码将对不支持<details>和<summary>标签的浏览器进行降级处理，并使用CSS来模拟折叠效果。