HTML5初学----基础代码案例汇总

正在学习HTML5,边学边更吧,基础代码案例汇总。我这里以学校的官网为网页的主题。

1. 网页基本框架(包含article、aside、section、header、footer标签)

注:二级下拉菜单通过JS函数代码实现




	
	Document
	


	

 2. 只用ul li实现三级下拉菜单(多次ul li ul li ul li嵌套实现三级下拉菜单)

  • CSS代码实现三级下拉菜单
  • JS代码实现三级下拉菜单



	
	三级下拉菜单CSS实现
	


	




	
	三级下拉菜单JS实现
	


	
	

3. 四行三列结构的实现




	
	我的网页制作
	


	

 4. 导航栏:实现鼠标悬停时中文转英文功能




	
	Chinese To English
	


	

 未完待续~

你可能感兴趣的:(HTML基础)