已经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标签里面,这样点击当前网页上的图才可以跳转到大图的界面
以上就是我今天的分享,明天继续加油!