在 HTML 页面上定位图像

Question

完全是 HTML，所以这可能是一个非常简单的解决方案。

我正在尝试将 gif 图像放在网页的中央和底部。当然这不会发生。

<img src="http://bglradio.net/sam/Web-Images/dancing-girl-6.gif" alt="Dancing Girl" width="160" height="250">

我需要向该行添加什么（如果有的话）才能将图像放置在该行的任意位置？

提前致谢史蒂夫

Answer 1

add class to the image to call it through some css like here 

<!DOCTYPE html>
<html>
<head>
<style>

.dancing {
position: absolute;
right: 0px;
bottom: 0px;

}
</style>
</head>
<body><img class="dancing" src="http://bglradio.net/sam/Web-Images/dancing-girl-6.gif" alt="Dancing Girl" width="160" height="250" align="bottom"  >

</body>

</html>

Answer 2

使用 CSS 在页面上定位元素要容易得多。如果您还不熟悉或至少不熟悉 CSS，我强烈建议您出去寻找一些教程。

据我所知，这样做：

<img src="http://bglradio.net/sam/Web-Images/dancing-girl-6.gif" alt="Dancing Girl" width="160" height="250" style="left: 50%; position: fixed; bottom: 0px; margin-left: -80px">

应该使图像完美居中并将其固定在页面底部。如果你是菜鸟，那是相当多的 CSS，这就是为什么我再说一遍，确保你开始学习 CSS。

希望对您有所帮助。

在 HTML 页面上定位图像

positioning an image on an HTML page

html

image

placement