<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HRML5 开发</title> </head> <body> <h1 align="center">Sakura</h1> <hr > <img src="img/OIP-C.jpg" > </body> </html>把图片居中
时间: 2023-07-09 14:44:47 浏览: 61
可以使用CSS样式来使图片居中。具体的方法如下:
1. 在HTML中插入图片,可以使用`<img>`标签,例如:
```html
<img src="img/OIP-C.jpg" alt="图片描述">
```
2. 在CSS样式中,使用以下代码来使图片居中:
```css
img {
display: block; /* 将图片转换为块级元素 */
margin: 0 auto; /* 设置左右边距为自动,使图片水平居中 */
}
```
这样,图片就会在其所在的容器中水平居中。把代码插入到你的HTML文件中去,像这样:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HRML5 开发</title>
<style>
img {
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<h1 align="center">Sakura</h1>
<hr>
<img src="img/OIP-C.jpg" alt="图片描述">
</body>
</html>
```
这样,你的图片就会被居中了。
相关问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>是一个HTML页面模板,它是一个简单的404页面,用于显示“Not found”错误信息。在这个模板中,<!DOCTYPE html>定义了文档类型,<html>标签定义了HTML文档的根元素,<head>标签定义了文档的头部部分,<meta charset="UTF-8">指定了文档的字符编码为UTF-8,<title>标签定义了文档的标题,<body>标签定义了文档的主体部分,<h1>标签定义了一个一级标题。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图书首页</title> </head> <body> <table border="1"> <caption>图书信息表</caption> <tr> <th>title</th> <th>auth</th> <th>pushdate</th> </tr> <tr> <!--########## Begin ##########--> <th></th> <th></th> <th></th> <!--########## End ##########--> </tr> </table> </body> </html>、
好的,以下是补全的代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图书首页</title>
</head>
<body>
<table border="1">
<caption>图书信息表</caption>
<tr>
<th>title</th>
<th>auth</th>
<th>pushdate</th>
</tr>
<tr>
<!--########## Begin ##########-->
<th>JavaScript高级程序设计</th>
<th>Nicholas C.Zakas</th>
<th>2013-03-01</th>
<!--########## End ##########-->
</tr>
</table>
</body>
</html>
```
在 `<!--########## Begin ##########-->` 和 `<!--########## End ##########-->` 之间,我添加了一些表格数据以供展示。您可以根据需要修改这些数据。