你想问的应该是，在搭建一个HTML文件时，基本的文件结构是什么样子吧？
标准的HTML文件由“文档声明、文件头、文件体”组成。
对于HTML5，文档声明也应该采取HTML5.0的声明方式，具体代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5学堂（码匠） & 言成科技 联合出品</title>
<meta name="viewport" content="width=device-width,user-scalable=no">
<link rel="stylesheet" href="../css/reset.css">
</head>
<body>
<div>具体内容</div>
</body>
</html>
在html标签当中包含head标签和body标签两种，而head标签表示的是文件头，body标签表示文件体，文件头当中需要包含“字符编码”（head标签中的第一行）、“标题”（title标签）、“其他元信息”（除了字符编码外的其他meta），而文件体当中书写的具体代码就是在网页当中会显示的内容。
此外，在文件头部或文件体当中还可以使用link标签引入CSS文件，或者使用script标签引入JS文件。
关于文档声明，在传统的HTML4当中，有另外三种声明方法，请详见《文档声明 DOCTYPE常见的文档类型》
html5网页背景图手动上传切换代码这样写。1、html5网页背景图手动上传切换代码需要在网页上点击鼠标右键查看网站源代码。
2、找到css里面的背景图这一段代码，查看背景图路径，通过ftp或者服务器进行替换图片即可。
正好我在练习这个，给你发下，看看行不<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0
padding: 0
}
body{
background: #D8D4D4
}
ul,li{
list-style: none
}
#bg{
width: 600pxheight: 200px
margin: 100px auto
background: #9E9A9A
}
li{
float: left
width: 194pxheight: 196px
border:2px solid #C6C0C0
margin: 0 1px
}
li:hover{
border-color:#9E9A9A
background:#C6C0C0
}
.icon_01{
display: block
line-height: 196px
width: 194px
text-align: center
font-size: 16px
color: #B30E0E
}
.spinner{
-webkit-animation:spinner 5s infinite linear
animation:spinner 5s infinite linear
}/*关键帧的名称 5秒一个周期 无限循环 匀速运动 */
@-webkit-keyframes spinner{
0%{
-webkit-transform:rotate(0deg)
transform:rotate(0deg)
}
100%{
-webkit-transform:rotate(359deg)
transform:rotate(359deg)
}
}
@keyframes spinner{
0%{
-webkit-transform:rotate(0deg)
transform:rotate(0deg)
}
100%{
-webkit-transform:rotate(359deg)
transform:rotate(359deg)
}
}
</style>
</head>
<body>
<div id="bg">
<ul>
<li><i class="icon_01 "><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
<li><i class="icon_01 spinner"><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
<li><i class="icon_01 "><img src="images/t6.jpg" alt="可以随便找图片加上去" width="194px" height="196px"></i></li>
</ul>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）