web前端博客模板，可用于毕业设计
资源内容介绍
web前端博客模板，可用于毕业设计。包含首页、列表页、详情页、关于我页面。一个小的齐全的模板。 <!doctype html><html><head><meta charset="utf-8"><title>首页-个人博客</title><meta name="keywords" content="blog" /><meta name="description" content="blog" /><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="css/base.css" rel="stylesheet"><link href="css/m.css" rel="stylesheet"><script src="js/jquery-1.8.3.min.js"></script><script src="js/comm.js"></script><!--[if lt IE 9]><script src="js/modernizr.js"></script><![endif]--></head><body><!--top begin--><header id="header"><div class="navbox"><h2 id="mnavh"><span class="navicon"></span></h2><div class="logo"><a href="index.html">个人博客</a></div><nav><ul id="starlist"><li><a href="index.html">首页</a></li><li><a href="list.html">博客日记</a></li><li class="menu"><a href="list.html">前端技术</a><ul class="sub"><li><a href="list.html">HTML5</a></li><li><a href="list.html">CSS3</a></li><li><a href="list.html">JS技术</a></li></ul><span></span></li><li><a href="list.html">旅游经历</a></li><li><a href="about.html">关于我</a></li></ul></nav><div class="searchico"></div></div></header><div class="searchbox"><div class="search"><form action="javascript:;" method="post" name="searchform" id="searchform"><input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onFocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onBlur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text"><input name="show" value="title" type="hidden"><input name="tempid" value="1" type="hidden"><input name="tbname" value="news" type="hidden"><input name="Submit" class="input_submit" value="搜索" type="submit" style="cursor:pointer;"></form></div><div class="searchclose"></div></div><!--top end--><article><!--lbox begin--><div class="lbox"><!--banbox begin--><div class="banbox"><div class="banner"><div id="banner" class="fader"><li class="slide"><a href="JavaScript:;"><img src="images/banner2.jpg"></a></li><li class="slide"><a href="JavaScript:;"><img src="images/banner1.jpg"></a></li><li class="slide"><a href="JavaScript:;"><img src="images/banner3.jpg"></a></li><div class="fader_controls"><div class="page prev" data-target="prev"></div><div class="page next" data-target="next"></div><ul class="pager_list"></ul></div></div></div></div><!--banbox end--><!--headline begin--><!--headline end--><div class="clearblank"></div><div class="tab_box whitebg"><div class="tab_buttons"><ul><li class="newscurrent">博客日记</li><li>前端技术</li><li>旅游经历</li></ul></div><div class="newstab"><div class="newsitem"><div class="newspic"><ul><li><a href="info.html"><img src="images/2.jpg"><span>个人博客，属于我的小世界！</span></a></li><li><a href="info.html"><img src="images/4.jpg"><span>请给梦一点时间</span></a></li></ul></div><ul class="newslist"><li><i></i><a href="info.html">个人博客，属于我的小世界！</a><p>个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活工作中的小情小事，也会放上一些照片，音乐。每天工作回家后就能访问自己的网站，一边听着音乐，一边写写文章。</p></li><li><i></i><a href="info.html">特别的爱</a><p> 每位父亲都是爱自己孩子的'，但爱的方式却不同。可是他们对于我们爱的心情都是一样的哦。</p></li><li><i></i><a href="info.html">跑步</a><p>黄昏，我一个人在跑步，我没有跑鞋、没有跑道、没有操场、没有公园，我只有我的田野、我的公路。</p></li><li><i></i><a href="info.html">请给梦一点时间</a><p>那些年少时曾做过的梦还在，可曾一起做梦的人早已散落在各自的天涯，现在看来，儿时的诺言倒像是玩笑，也许那些曾经说过的诺言都已经被人遗忘，这一切，终究还是被时间画上了句号，但我还是想说，即使现在的我们在不同的城市，有了各种的圈子，但那些做过的梦我还是想实现，请给梦一些时间，也许你会笑我幼稚，不愿与我同行，没事我不怕孤独，我只想做完我的梦。</p></li><li><i></i><a href="info.html">支撑你走下去的励志语录</a><p>1、只要你还愿意努力，世界总会给你惊喜。2、人生这么辽阔，别光为情所困，用力活一活。3、宇宙山河浪漫，生活点滴温暖，都值得你前进。</p></li></ul></div><div class="newsitem"><div class="newspic"><ul><li><a href="info.html"><img src="images/3.jpg"><span>JavaScript是一种基于对象和事件驱动的脚本语言</span></a></li><li><a href="info.html"><img src="images/4.jpg"><span>JavaScript基本语法</span></a></li></ul></div><ul class="newslist"><li><i></i><a href="info.html">JavaScript 简介</a><p>JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。</p></li><li><i></i><a href="info.html">Chrome 浏览器中执行 JavaScript</a><p>如何在 Chrome 浏览器上进行 JavaScript 代码的运行与调试。Chrome 是由 Google 开发的免费网页浏览器，对于前端开发来说（尤其是调试代码）非常方便。</p></li><li><i></i><a href="info.html">JavaScript 输出</a><p>JavaScript 没有任何打印或者输出的函数。JavaScript 可以通过不同的方式来输出数据：使用 window.alert() 弹出警告框。使用 document.write() 方法将内容写到 HTML 文档中。</p></li><li><i></i><a href="info.html">JavaScript 语句</a><p>JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。下面的 JavaScript 语句向 id="demo" 的 HTML 元素输出文本 "你好 Dolly" 。</p></li><li><i></i><a href="info.html">JavaScript 数据类型</a><p>值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。引用数据类型（对象类型）：对象(Object)、数组(Array)、函数(