Normal: HTML 完全手冊 BASELINE: HTML 完全手冊
TOP: HTML 完全手冊 TEXTTOP: HTML 完全手冊
MIDDLE: HTML 完全手冊 ABSMIDDLE: HTML 完全手冊
BOTTOM: HTML 完全手冊 ABSBOTTOM: HTML 完全手冊

 

  • Source

    <HTML>
    <HEAD>
    <TITLE>行中對齊(Align)之方式比較</TITLE>
    </HEAD>
    <BODY bgcolor=#ffffff>
    <table border=2>
    <tr><td><b>Normal:</b> HTML <img src="wall.jpg" align=middle>完全手冊<img src="pen08.jpg">。</td>
    <td><b>BASELINE:</b> HTML <img src="wall.jpg" align=middle>完全手冊<img src="pen08.jpg" align=baseline>。</td></tr>
    <tr><td><b>TOP:</b> HTML <img src="wall.jpg" align=middle>完全手冊<img src="pen08.jpg" align=top>。</td>
    <td><b>TEXTTOP:</b> HTML <img src="wall.jpg" align=middle>完全手冊<img src="pen08.jpg" align=texttop>。</td></tr>
    <tr><td><b>MIDDLE:</b> HTML <img src="wall.jpg" align=middle >完全手冊<img src="pen08.jpg" align=middle>。</td>
    <td><b>ABSMIDDLE:</b> HTML <img src="wall.jpg"  align=middle >完全手冊<img src="pen08.jpg" align=absmiddle>。</td></tr>
    <tr><td><b>BOTTOM:</b> HTML <img src="wall.jpg" align=middle>完全手冊<img src="pen08.jpg" align=bottom>。</td>
    <td><b>ABSBOTTOM:</b> HTML <img src="wall.jpg" align=middle>完全手冊<img src="pen08.jpg" align=absbottom>。</td></tr>
    </table>
    
    </BODY>