HTML 第6章 使用图像
Demo 01
<body>
<img src="images/1.jpg" height="160" width="120" border="3" hspace="20"/>
<img src="images/2.jpg" height="160" width="120" border="3" hspace="20" vspace="30" align="middle" alt="图像提示文字"/></body>
图像相对文字的对齐方式
align取值 对齐方式
top 把图像的顶部和同行的最高部分对齐（可能是文本的顶部，也可能是图像的顶部）
middle 把图像的顶部和同行的中部对齐（通常是文本行的基线，并不是实际的行的中部）
bottom 把图像的底部和同行文本的底部对齐
texttop 把图像的顶部和同行中最高的文本的顶部对齐
absmiddle 把图像的中部和同行的最大项的中部对齐
baseline 把图像的底部和文本的基线对齐
absbottom 把图像的底部和同行中最低项的底部对齐
left 使图像和左边界对齐（文本环绕图像）
right 使图像和右边界对齐（文本环绕图像）
Demo 01
<body>
<img src="images/1.jpg" height="160" width="120" border="3" hspace="20"/>
<img src="images/2.jpg" height="160" width="120" border="3" hspace="20" vspace="30" align="middle" alt="图像提示文字"/></body>
图像相对文字的对齐方式
align取值 对齐方式
top 把图像的顶部和同行的最高部分对齐（可能是文本的顶部，也可能是图像的顶部）
middle 把图像的顶部和同行的中部对齐（通常是文本行的基线，并不是实际的行的中部）
bottom 把图像的底部和同行文本的底部对齐
texttop 把图像的顶部和同行中最高的文本的顶部对齐
absmiddle 把图像的中部和同行的最大项的中部对齐
baseline 把图像的底部和文本的基线对齐
absbottom 把图像的底部和同行中最低项的底部对齐
left 使图像和左边界对齐（文本环绕图像）
right 使图像和右边界对齐（文本环绕图像）
304
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
