效果图如下： 代码如下： ``` <!doctype html> <html> <head> <meta charset="utf-8" /> <title>简易相册</title> <style> body{ background-color:#E5E5E5; } div{ wid...
H5学习之制作简易电子相册
H5学习之制作时钟
效果图 代码如下： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>时钟</title> <style> main{ width: 680px; height: 680px; background-color: #...
H5学习之制作打字游戏
打字游戏制作，HTML5初学者可以做来玩玩，效果图如上面所示。 代码如下： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>打字游戏</title> <link r...
H5学习之制作雪花下落动画
效果如上，也可以把雪花图片换成毛爷爷的，就成了下面这样 哈哈，是不是很好玩啊！ 下面是代码： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta nam...
H5学习之制作钢琴
来来来，今天咱们来谈钢琴，制作一个小钢琴练习练习。 代码如下： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>钢琴</title> <style> html{ heig...
H5学习之制作个人名片
今天又是一周的开始了，工作的工作了，学习的学习了，我也开始新的一周的学习了，今天做个个人名片。 按惯例，效果图敬上： 代码如下： ``` <html> <head> <meta charse...
H5学习之制作房地产的一个展示页面：康桥
这个的图片长了，想看效果的下载素材看，下面放一个响应式设计模式下的效果图： 代码如下： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>康桥</t...
H5学习之制作相册 又一个相册
这是一个新的相册，这个比之前那个好看多了！ 代码奉上： ``` <html> <head> <meta charset="UTF-8"> <title>相册</title> <link rel="stylesheet" href="libs/fancybox...
H5学习之制作天气页面
制作个天气页面，静态页面做好了，可以没找到合适的api，所以那个js文件没写完。 代码呈上： ``` <html> <head> <meta charset="UTF-8"> <title>天气</title> <style> b...
H5学习之制作个人简历
这个页面今天还没做完，明天做完再接着加代码，(已上传完) 代码如画： ``` <html> <head> <meta charset="UTF-8"> <title>个人简历</title> <style> body{ height: 100%...
