漂亮的统计HTML模板，漂亮的统计html模板怎么做

怎么用html画出统计表

比较复杂，需要有语言支持（比如php）,网上有很多图标生成函数，比如：

下一个现成的就行了，自己开发太麻烦

有什么好的HTML免费模板网站推荐？

metinfo.cn/product/ 响应式网站模板，不妨到这一看。我喜欢用这个网站的原因是他的很多模板都是免费的，最主要的一点是，这个网站的页面非常的好看，对于我这个非常喜欢完美的人来说，这个网站满足了我对模板的需求。

帮我制作一个这样的html代码模板，做好框架就行

这样的不晓得行不，你看看

!DOCTYPE html

html lang="en"

head

 meta charset="UTF-8"

 titleDocument/title

 style type="text/css"

  *{

   margin: 0;padding: 0;

  }

  body{

   background: #E3D6D6; 

  }

  ul,li,ol{

   list-style: none;

  }

  #box{

   width: 560px; height: 480px;

   margin: 100px auto;

   position: relative;

   border:5px solid #ADA4A4;

   box-shadow: 0px 0px 20px red;

   overflow: hidden;

  }

  .left_top_01{

   width: 210px;height: 170px;

   margin-left: 17px;

  }

  .left_top_01 li{

   float: left;

  }

  .left_top_01 li span{

   display: block;width: 20px;

   font-size: 18px;font-weight: bolder;

   padding: 15px;

  }

  .left_top_02{

   width: 210px;height: 170px;

   margin-left: 17px;

  }

  .left_top_02 li{ 

   width: 20px;

   padding: 15px;

   float: left;

   position: relative;

   margin-bottom: -10px;

  }

  .left_top_02 li span{

   display: block;

   font-size: 14px;

   line-height: 30px;

   height: 30px;width: 170px; 

   transform: rotate(270deg);

   position: absolute;

   left:-55px;top: 50px;

   /*margin-right: -50px;*/

  }

  .left_top_02+img{

   position: absolute;

   top: 0px; left: 246px;

  }

  .left_bottom{

   width: 210px;height: 140px;margin: 15px 0 0 20px;

  }

  .left_bottom li{

   border-top: 2px solid #DCD2D2;

   line-height: 38px;height: 38px;

   font-size: 16px;font-weight: bold;font-family: "黑体";

  }

  .right_bottom{

   width: 350px;height: 140px;

   position: absolute;

   right: 0;bottom: 18px;

  }

  .right_bottom li{

   float: right;

   width: 95px;

   margin: 0 6px;

  }

  .right_bottom li p{

   font-size: 12px;font-weight: bold;font-family: "黑体";

  }

 /style

/head

body

div id="box"

 ul class="left_top_01"

  li

   span首页/span

  /li

  li

   span关于我/span

  /li

  li

   span作品展示/span

  /li

  li

   span联系我/span

  /li

 /ul

 ul class="left_top_02"

  li

   spanHOME/span

  /li

  li

   spanABOUT ME/span

  /li

  li

   spanWORKS SHOW/span

  /li

  li

   spanCONTACT ME/span

  /li

 /ul

 img src="#" alt="#" width="300px" height="320px" /

 ul class="left_bottom"

  li教育背景/li

  li在校经历/li

  li语言及计算机能力/li

 /ul

 ul class="right_bottom"

  li

    img src="#" alt="#" width="95px" height="85px"/

    p喜欢简单纯粹的生活方式，待人待事细致沉稳，喜欢简单纯粹的生活方式，待人待事细致沉稳/p

  /li

  li

    img src="#" alt="#" width="95px" height="85px"/

    p喜欢简单纯粹的生活方式，待人待事细致沉稳，喜欢简单纯粹的生活方式，待人待事细致沉稳/p

  /li

  li

    img src="#" alt="#" width="95px" height="85px"/

    p喜欢简单纯粹的生活方式，待人待事细致沉稳，喜欢简单纯粹的生活方式，待人待事细致沉稳/p

  /li

 /ul

/div

/body

/html

HTML模版

1、ASP文件中的代码

pencat=rs.Fields.Item("m_content").Value

pencat=replace(pencat,"t_title",n_title)

pencat=replace(pencat,"t_author",n_author)

pencat=replace(pencat,"t_content",n_content)

Set fso = Server.CreateObject("Scripting.FileSystemObject")

Set fout = fso.CreateTextFile(server.mappath(fpath "\" fname))

fout.WriteLine pencat

fout.close

2、如下给出要生成的网页模板：

html

head

meta http-equiv=""Content-Language"" content=""zh-cn""

meta http-equiv=""Content-Type"" content=""text/html; charset=gb2312""

meta name=""GENERATOR"" content=""Microsoft FrontPage 4.0""

meta name=""ProgId"" content=""FrontPage.Editor.Document""

title/title

/head

body topmargin=""0"" leftmargin=""0""

table border=""0"" width=""760"" height=""100%"" background=""background.jpg""

tr

td width=""752"" height=""10"" colspan=""3""

p align=""center""t_title

/td

/tr

tr

td width=""752"" height=""18"" colspan=""3""

div align=""center""

/div

div align=""center""

font size=""2""

作者：/fontfont color=""#990000""t_author/font

font size=""2""

加入时间：/fontfont color=""#990000""t_date/font

/div

/td

/tr

tr

td width=""15%"" height=""100%"" valign=""top""

/td

td width=""70%"" height=""100%"" valign=""top""

t_content

/td

td width=""15%"" height=""100%"" valign=""top""

/td

/tr

/table

/body

/html

3、解释

（1）pencat=rs.Fields.Item("m_content").Value

pencat为一个字符串变量。

rs.Fields.Item("m_content").Value就是如上2、网页模板的全部HTML字符

（2）pencat=replace(pencat,"t_title",n_title)

pencat=replace(pencat,"t_author",n_author)

pencat=replace(pencat,"t_content",n_content)

以上三句就是将字符串中的字串替换成为你所需要的内容，即ASP中动态获得的内容。

（3）Set fso = Server.CreateObject("Scripting.FileSystemObject")

Set fout = fso.CreateTextFile(server.mappath(fpath "\" fname))

fout.WriteLine pencat

fout.close

以上为将刚刚组合所得的网页代码写入文件的过程。第一句定义fso文件，第二句创建输出流文件，其中fpath为你想要存储的文件的路径，fname为文件名；后两句是将字符串写入文件和关闭输出流文件。

关于漂亮的统计HTML模板和漂亮的统计html模板怎么做的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。