文章目录：
- 1、如何用HTML5实现如下的样式，急求源代码！！！！
- 2、HTML5编写的网站，网页浏览能否看到源代码？
- 3、1、HTML5网页结构 2、怎么输出HTML5网页的源代码
- 4、找一点html5写的源代码案例，供初学者学习
- 5、html5源码可以直接使用吗
如何用HTML5实现如下的样式，急求源代码！！！！
css：
.test{
font-weight:500;
font-family: "黑体";
font-size: 14px;
}
.test p span{
width:50px;
height:15px;
display: inline-block;
border-right:2px solid white;
text-align: center;
}
.test .tex span:first-child{
width:25px;
text-align: left;
}
.test .clo span:nth-child(1){
background-color:#01E400;
}
.test .clo span:nth-child(2){
background-color: #FFFF00;
}
.test .clo span:nth-child(3){
background-color:#FF7E00;
}
.test .clo span:nth-child(4){
background-color: #FF0000;
}
.test .clo span:nth-child(5){
background-color: #99004C;
}
.test .clo span:nth-child(6){
background-color: #7E0023;
border-right:none;
}
html:
div class="16ce-5329-5ac9-57bc test"
pPM2.5浓度示意图例(微克/立方米)/p
p class="5329-5ac9-57bc-1ded clo"span/spanspan/spanspan/spanspan/spanspan/spanspan/span/p
p class="5ac9-57bc-1ded-1edb tex"span0/spanspan35/spanspan75/spanspan115/spanspan150/spanspan250/span/p
/div
HTML5编写的网站，网页浏览能否看到源代码？
可以，在浏览器中，如果没有特别设置快捷键的话，按F12就可以看到源代码，当然右击然后选择审查元素也是可以的。
1、HTML5网页结构 2、怎么输出HTML5网页的源代码
html5结构：
!DOCTYPE html
html
head
meta charset="UTF-8"
titleTitle/title
/head
body
/body
/html
输出html5网页源码 你直接f12 或者 鼠标右击 查看网页源代码
找一点html5写的源代码案例，供初学者学习
首先准备好11张图片，放到img文件夹下供调用
代码如下：
!DOCTYPE html
html
head
meta charset="UTF-8"
title/title
/head
body
p/p
img src="img/0.JPG" /
img src="img/0.JPG" /
img src="img/colon.JPG" /
img src="img/0.JPG" /
img src="img/0.JPG" /
img src="img/colon.JPG" /
img src="img/0.JPG" /
img src="img/0.JPG" /
script
//var oBody=document.body;
var oP=document.getElementsByTagName("p")[0];
var aImg=document.getElementsByTagName("img");
fn();
setInterval(fn,1000)
function fn(){
var mytime=new Date(); //当前的系统时间 年月日 时分秒 星期 对象
var iHour=mytime.getHours();//小时
var iMin=mytime.getMinutes();//分钟
var iSen=mytime.getSeconds() ;//秒钟
var str="";
//220640
str=toZero(iHour)+":"+toZero(iMin)+":"+toZero(iSen);
oP.innerHTML=str;
for(var i=0;iaImg.length;i++){
if(str.charAt(i)==":"){
aImg[i].src="img/colon.JPG";
}else{
aImg[i].src="img/"+str.charAt(i)+".JPG";
}
}
}
function toZero(n){
if(n10){
return n="0"+n;
}else{
return n=""+n;
}
}
/script
/body
/html
html5源码可以直接使用吗
特别简单的源码可以直接修改使用。现在大型网站包含的东西一般都是用于生产环境（用户浏览的界面）的，开发环境写的源码经过处理才用到生产环境，实际代码只适合使用，维护和修改需要人家的开发板源码才行。
ByTagName("img"); fn(); setInterval(fn,1000) function fn(){ var mytime=new Date(); //当前的系统时间 年月日 时分秒 星