本文介绍了HTML中图像标签的基本用法，特别是如何利用align属性实现图像与文本的不同对齐方式，包括顶部对齐、中部对齐等。此外，还展示了如何设置图像的高度、宽度、边框等属性。
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 使图像和右边界对齐（文本环绕图像）
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
