2018.3.13自学笔记

已经3天没有学习这个知识了，在这里批评一下自己，深深检讨。

今天学习了三组知识，以下是我的分享：

1.href中的目标锚的用法（这个知识点我认为是最难懂的，我看了很久才懂）

  每次用href时，链接到一个新的页面时都是从页面的顶端开始显示，如果这个页面比较长，而且迫切的想知道某一个点时，就可以用到目标锚了，用于目标锚的属性有两个，name和id，这两个几乎没有区别，用法一样，效果也一样。

  目标锚的基本格式：

<1>指出目标锚

即在希望看到的地方设置锚

<h2><a id="chai">Chai Tea</a></h2>

<2>改变原有的<a>，使其指向锚

<a href="index.html#chai">See Chai Tea</a>

注意，这里id里的内容小写的话，href里的内容也要小写，如果不一致的话就没有办法实现想要的结果

2.相对地址和绝对地址

<1>绝对地址

  绝对地址比相对地址简单一些，是所谓绝对，当取同一个文件时，绝对地址是一样的，从根目录开始，一级一级地往下取，用其他网站的URL进行链接时，用绝对地址比较好。

<2>相对地址

  对于同一网站的页面，本地URL用相对路径比较好，相对路径有三种情况：

  (1)../  ：回到上一级目录

  (2)./    :从当前的目录开始

  (3)/     :从根目录开始

 

  通过以上例子的练习，就可以大概地明白怎么区分和运用绝对路径和相对路径了。

3.关于图像的知识

<1>图像常见的两种格式

       JPEG:照片和复杂图像使用JPEG格式，后缀为.jpg

       GIF：纯色图像，logo和几何图形使用GIF格式，后缀为.gif，现在GIF也表示动图

<2>img的基本语法

<img src="images/drinks.gif">

<img>既是一个内联元素，也是一个空元素；src属性中的内容是要用到的图片的相对地址，也可以是网页中的图片，此时用绝对地址

<3>alt属性

这个属性和src一样，都是写在img内部，作用是当图片加载失败时显示图片的基本信息

<4>创建图像的链接

当觉得网页上的图片太小了，想单独放大图像进行查看时就需要创建图像链接，使图像可以出现在另外一个页面上

具体做法如下：

(1)另外单独创建一个网页，将原本像素值比较大的图放上去

(2)在当前网页中用href进行链接，格式如下

<a href="新建的网页的相对地址">
   <img src="像素较小的图片的相对地址" alt="图片缺失时的提示语">
</a>

注意：img标签一定要包在a标签里面，这样点击当前网页上的图才可以跳转到大图的界面

以上就是我今天的分享，明天继续加油！