菜鸟教程首页制作html5

前几天突发奇想，想练一练自己的html布局，就仿照着菜鸟首页写了一个html页，个人感觉还行，下边是效果图跟代码：

菜单栏的小图的实现方法详解:https://blog.csdn.net/qq_39429962/article/details/82795650

源代码：

	
		
		
		
	
	
		
		
			
				
			
			
				
			
			
				

				
首页
				
菜鸟笔记
				
菜鸟工具
				
参考手册
				
用户笔记
				
测验/考试
				
本地书签
				
登录
			
			
		
		
		
			
				全部教程
		 		
					 HTML / CSS
				
				
					 JavaScript
				
				
					 服务端
				
				
					 数据库
				
				
					 移动端
				
				
					 XML 教程
				
				
					 ASP.NET
				
				
					 Web Service
				
				
					 开发工具
				
				
					 网站建设
						
			
			
				
					
						
 HTML / CSS
					
					
						
【学习 HTML】
								
							  HTML，即超文本标记语言（Hyper Text Markup Language）
					
					
						
【学习 HTML5】
								
							  HTML5 是下一代 HTML 标准
					
					
						
【学习 CSS】
								
							  层叠样式表（Cascading StyleSheet）
					
					
						
【学习 CSS3】
								
							  CSS3是CSS技术的升级版本
					
					
						
【学习 Bootstrap3】
								
							  Bootstrap，来自 Twitter，是目前最受欢迎的前端框架
					
					
						
【学习 Bootstrap4】
								
							  Bootstrap4 目前是 Bootstrap 的最新版本
					
					
						
【学习 Font Awesome】
								
							  Font Awesome 是一套绝佳的图标字体库和CSS框架。
					
					
						
【学习 Foundation】
								
							  Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架
					
					
				
				
					
						
  JavaScript
					
					
						
【学习 HTML】
								
							  HTML，即超文本标记语言（Hyper Text Markup Language）
					
					
						
【学习 HTML5】
								
							  HTML5 是下一代 HTML 标准
					
					
						
【学习 CSS】
								
							  层叠样式表（Cascading StyleSheet）
					
					
						
【学习 CSS3】
								
							  CSS3是CSS技术的升级版本
					
					
						
【学习 Bootstrap3】
								
							  Bootstrap，来自 Twitter，是目前最受欢迎的前端框架
					
					
						
【学习 Bootstrap4】
								
							  Bootstrap4 目前是 Bootstrap 的最新版本
					
					
						
【学习 Font Awesome】