写一个html代码,最上面是文字,中间是一张图片,最底部是一个盒子,盒子左边是文字,右边是图片。
时间: 2024-05-05 08:18:29 浏览: 55
可以这样写:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<img src="image.jpg">
<div>
<p>Some text on the left</p>
<img src="image2.jpg" style="float:right;">
</div>
</body>
</html>
```
其中,image.jpg 是中间的图片,image2.jpg 是右边的图片。通过 `style` 属性,可以使右边的图片靠右对齐。
相关问题
写一个html代码,最上面是文字,中间是一张图片,最底部是一个蓝色的盒子,且盒子的位置在最底部,盒子左边是文字,右边是两张图片。
<div style="text-align:center;">
<h1>文字</h1>
<img src="中间的图片的URL" alt="中间的图片">
</div>
<div style="position:fixed;bottom:0;left:0;width:100%;background-color:blue;">
<p style="float:left;">左边的文字</p>
<img src="右边第一张图片的URL" alt="右边第一张图片" style="float:right;">
<img src="右边第二张图片的URL" alt="右边第二张图片" style="float:right;">
</div>
笑话时间:为什么锅圈开了30年了还没退休呢?因为锅圈一边圆,一边方,爱四不四?
阅读全文