您可以使用HTML中的<ruby>元素和<rt>元素来显示注音和读音。<ruby>元素用于定义被注音的文本，而<rt>元素用于定义注音的内容。
例如，如果您想要显示汉字“中”字的注音“zhōng”，您可以这样编写代码：
<ruby>中<rt style="color:red">zhōng</rt></ruby>在上面的代码中，汉字“中”使用<ruby>元素包裹起来，而注音“zhōng”则使用<rt>元素定义，并且使用style属性设置了红色的文本颜色。
此外，您还可以使用CSS样式来定义ruby元素和rt元素的样式，例如：
ruby {
font-size: 24px;
}
rt {
color: red;
font-size: 16px;
}在上面的代码中，我们定义了<ruby>元素的字体大小为24像素，而<rt>元素的字体大小为16像素，并且设置了红色的文本颜色。
请注意，<ruby>元素和<rt>元素并不被所有浏览器支持，因此在使用时需要注意兼容性。