用一张图片在html代码居中显示实现一个漂亮的网站

阿豪运维笔记(阿豪同学) 2020-06-25 1.14 K阅读

温馨提示:这篇文章已超过888天没有更新,请注意相关的内容是否还可用!

这个时候我们就要写个简单的静态页index.html代码如下

<!DOCTYPE html>   
<meta charset="UTF-8">  
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />  
<html xmlns="http://www.w3.org/1999/xhtml">     
<head>       
<meta charset="gb2312" />       
<title>网站标题</title>       
<style>         
body{text-align:center}       
</style>     
</head>     
<body>       
<img src="网站图片地址">    
</body>   
</html>

写完之后上传到空间上或者服务器web站点目录下,然后用域名或者ip去访问即可看到效果

实现效果如下

image.png

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作有参考学习价值
喜欢请点击上方【分享】,如果对您有帮助可点击上方【打赏】打赏本站。谢谢大家对阿豪运维笔记的支持。

文章作者: 阿豪运维笔记(阿豪同学)
本文链接:
文章版权:站长码字很辛苦,除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码