HTML学习笔记-图像和超链接

图像 和 超链接
1， URL
    绝对路径: https://www.baidu.com/img/bd_logo1.png
    相对路径： 
            本目录： filename.png
            上层目录：../filename.png
    根相对路基： 
            永远都是从根目录出开始查找资源文件
    注意： 1, url中不能出现中文
           2, 严格区分大小写
           
2， 图像
    标记：单标记
    属性： 
        1, src: 指定要显示的图片路径
        2, width:宽度，以px为单位的数值，允许省略px(pixel)
        3，heigh 高度,以px为单位的数值，像素
        注意：如果高度和宽度只设定一个值，则另一个值也跟着等比例缩放
        
3， 超链接        
    标记：内容
    属性： 
        1， href: 链接地址，相对路径或者绝对路径均可
            "#" 表示返回本页顶部
        2， target: 指定要打开新网页的方式
            _self： 默认值，在自身标签页中打开新网页
            _blank: 在新标签页中打开
    

 
  
  
 
 
		
		
HTML5 < Day01 > 

		
1 HTML 文档片段
		
1.1 问题
		
创建如图-1所示的HTML页面
		

	
			
				
			
			
 	 	 	  	 	 		图1 
		

		
		
1.2 方案
		
使用HTML完成效果
		
1.3 实现
		
创建index.html 完成操作...
		

		
		
			
					
			
		
		
图2

 

效果图