用html写一个程序,使其在网页里放一张图片
时间: 2023-05-25 15:04:16 浏览: 30
<!DOCTYPE html>
<html>
<head>
<title>网页图片</title>
</head>
<body>
<h1>这是一张图片</h1>
<img src="https://picsum.photos/200/300" alt="随机图片">
</body>
</html>
相关问题
用html写一个图书销售网页
好的,下面是一个简单的图书销售网页的 HTML 代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>图书销售网页</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* 样式代码,可以自行修改 */
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #f2f2f2;
}
h1 {
text-align: center;
color: #333;
}
table {
margin: auto;
border-collapse: collapse;
width: 80%;
}
th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
tr:hover {
background-color: #f5f5f5;
}
img {
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<h1>图书销售网页</h1>
<table>
<tr>
<th>书名</th>
<th>作者</th>
<th>价格</th>
<th>购买</th>
</tr>
<tr>
<td><a href="#">《JavaScript高级程序设计》</a></td>
<td>Nicholas C. Zakas</td>
<td>¥89.00</td>
<td><button>购买</button></td>
</tr>
<tr>
<td><a href="#">《CSS权威指南》</a></td>
<td>Eric A. Meyer</td>
<td>¥59.00</td>
<td><button>购买</button></td>
</tr>
<tr>
<td><a href="#">《HTML5权威指南》</a></td>
<td>Adam Freeman</td>
<td>¥69.00</td>
<td><button>购买</button></td>
</tr>
</table>
<img src="bookstore.jpg" alt="图书店外景">
</body>
</html>
```
在这个示例中,我们使用了 HTML 的基本标签和属性来创建一个简单的图书销售网页。我们使用了`<table>`标签来创建一个包含书名、作者、价格和购买按钮的表格,使用了`<a>`标签来创建书名的超链接。我们还使用了`<img>`标签来添加一张图书店的图片。
请注意,这只是一个简单的示例,实际的图书销售网页可能需要更多的功能和样式。
php程序中怎么在网页居中放入jpg的图片?请详细说明
在 PHP 中,你可以使用以下代码来在网页中居中放置一张图片:
```php
<?php
echo '<div style="text-align:center;">
<img src="example.jpg" alt="example" style="display:block;margin:auto;">
</div>';
?>
```
这个代码会在网页中输出一个 div 元素和一张居中的图片。其中,`echo` 语句用来将 HTML 代码输出到网页中,`text-align:center` 用来让 div 元素中的内容居中对齐,`display:block` 用来将图片转换为块级元素,`margin:auto` 用来将图片水平居中。
你可以将 `example.jpg` 替换为你自己的图片路径。另外,你可以根据需要调整 div 元素的样式,例如修改宽度、高度、背景颜色等。