前端学习day02

继续上一次的标签学习，因为要等新同学来，今天没教那么多，老师就给了2个图片让我们做。如图所示：

1.

2.

1.这个要使用表格table，输入tr*4>td*3，再按Tab，做出个四行三列的表格，将相应的图片和文字排列好。

排版内容

          
排版中使用，相当于一个容器
确定逻辑部分：逻辑部分是页面上相互关联的一组元素，如栏目版块

表格内容  创建表格

表格一行  表格中的一行
        表格单元格 表格中的一个单元格
        表格表头 表格头部的一个单元


格，表格表头

	
		
		
	
	
	
		

			
			

				
			
			
				
    富丽堂皇的中餐厅，环境优雅的西餐厅，精美特色菜肴，热情一流的服务，定会使您留连忘返。配备高级音响设备的多功能厅，KTV包房，设
				
计新颖的桑拿室、棋牌室，为您消除一切疲劳，彻底放松身心。会议室明朗宽敞是您洽谈业务和会谈的理想场所。
			
			

				

					

					

					

				
				

					
西餐厅
					
中餐厅
					
船吧
				
				

					

					

					

				
				

					
夜总会
					
KTV包房
					
桌球室
				
			
			
		
	

2.这个就麻烦点，模仿百度搜索后的内容样式，比如超链接之类的，我直接把用内联样式写的，看起来比较乱。

	
		
		
	

	
		最佳的自由行，自助游分享社区
		
蚂蜂窝!靠谱的旅游攻略，最佳的自由行，自助游分享社区，海量旅游景点图片、游记、交通、美食、购物等自由行旅游攻略信息，蚂蜂窝旅
			
游网获取自由行，自助游攻略信息更全面
		

		
http://www.baidu.com2016-8-17
			推广
		
		
 

		最佳的自由行，自助游分享社区
		
蚂蜂窝!靠谱的旅游攻略，最佳的自由行，自助游分享社区，海量旅游景点图片、游记、交通、美食、购物等自由行旅游攻略信息，蚂蜂窝旅
			
游网获取自由行，自助游攻略信息更全面
		

		
http://www.baidu.com2016-8-17
			推广
		
		
 

		最佳的自由行，自助游分享社区
		
蚂蜂窝!靠谱的旅游攻略，最佳的自由行，自助游分享社区，海量旅游景点图片、游记、交通、美食、购物等自由行旅游攻略信息，蚂蜂窝旅
			
游网获取自由行，自助游攻略信息更全面
		

		
http://www.baidu.com2016-8-17
			推广
		
		
 
		最佳的自由行，自助游分享社区
		
蚂蜂窝!靠谱的旅游攻略，最佳的自由行，自助游分享社区，海量旅游景点图片、游记、交通、美食、购物等自由行旅游攻略信息，蚂蜂窝旅
			
游网获取自由行，自助游攻略信息更全面

		
		
http://www.baidu.com2016-8-17
			推广
		
	

还要一点很重要，关于使用的图片格式。一般都是jpg和png格式的图片，两者有差异

png可透明，缺陷是图片大,加载慢，有时会加载不出来
jpg不透明，但是图片小，推荐使用