T-HTML基础-day02-图像和链接、表格、列表

六. 图像和链接

1. 图像
   <img> 或者 <img/>,属性：
   src="图片资源的路径"
alt="图片加载失败时显示的文本"
width="100" 设置图片的宽度
height="500" 设置图片的高度
   如果宽高设置的尺寸和原始宽高比不同，图片会发生失真现象
   解决方案，width/height只设置一个，另外一个自动匹配
   注意，img标签是行内元素，可以设置宽高的行内元素
2. URL：Uniform Resource Locator 统一资源定位符，路径
   1. 绝对路径:完整的路径
      1. 使用网路资源的，用绝对路径
         使用网络资源的优点：节省本服务器的磁盘空间, 缺点：资源不稳定，不受控制
      2. 本地资源，可以使用绝对路径调用，但是项目中千万千万不能用绝对路径
   2. 相对路径:相对，相对当前html的路径
      1. 兄弟关系，直接写文件名调用 src="09.png"
      2. 兄弟的儿子，写兄弟文件夹名称，找到兄弟,使用/进入兄弟文件夹，在写儿子的名称 src="image/07.png"
      3. 父亲的兄弟，使用../找到父亲,父亲的兄弟直接写文件名 src="../10.png"