<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb18030">
<title>注音标注元素:ruby rb rp rt</title>
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<h2 style="margin: 0; padding-top: 0.5em; padding-bottom: 0.17em; border-bottom: 1px solid #aaaaaa; font-size: 150%;">旁註標記的範例</h2>
以下的例子將會使用表格來表示「<strong>東京</strong>」於<i>日語拼音</i>顯示日式的 Ruby 字元：
<p>
<table border=1 cellpadding=5>
<tr>
<th>平假名</th>
<th>片假名</th>
<th>日語羅馬字</th>
</tr>
<tr>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>とう</font></td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>きょう</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>トウ</font></td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>キョウ</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%">tō</td>
<td style="text-align: center; font-size: 120%">kyō</td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>東</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
</tr>
</table>
<p><i>注意：字型會加大以顯示上面的資料。</i>
<p>以下的例子將會使用表格來表示以「<strong>北京</strong>」顯示的 Ruby 字元：
<p>
<table border=1 cellpadding=5>
<tr>
<th>注音符號</th>
<th>漢語拼音</th>
</tr>
<tr>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>ㄅㄟ</font>ˇ</td>
<td style="text-align: center; font-size: 120%"><font face='Arial Unicode MS,Code2000'>ㄐㄧㄥ</font></td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>北</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
<td><table border=0 cellpadding=4 cellspacing=0>
<tr>
<td style="text-align: center; font-size: 120%">běi</td>
<td style="text-align: center; font-size: 120%">jīng</td>
</tr>
<tr>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>北</font></td>
<td style="text-align: center; font-size: 250%"><font face='Arial Unicode MS,Code2000'>京</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
运行
打印