代码1:
代码解析:
1、上面的代码,用链接标签控制四个图片,链接地址都是:“春天没来”的图书馆首页。无论点击页面中的那个图片,都会在新窗口打开“春天没来”的图书馆首页。
图片标签中可以添加图片高度、图片宽度的属性与属值来限制图片的规格。
2、用有“居中”属性的段落标签()控制“链接标签与图片标签”,是为了使链接图片在页面的正中显示。
3、代码1标签顺序:段落标签、链接标签、四个图片标签、链接尾标签、段落尾标签。
4、要增减链接的移动图片,只需在标签的前面“添加”或者“删除”代码:
即可。
多个图片的链接:
代码2:
代码解析:
1、上面的代码,每一个图片用一个链接标签控制,四个链接图片用一个移动标签控制。链接地址都是:“春天没来”的图书馆首页。无论点击移动页面中的那个图片,都会在新窗口打开“春天没来”的图书馆首页。
2、图片标签中,设置了图片的规格(width="150" height="150")。
3、移动标签中,设置了移动方向、移动屏幕的高度与宽度、移动速度和两次移动之间的间隔时间(scrollDelay)。
4、代码2标签顺序:移动标签,四个链接标签、图片标签与链接尾标签,移动尾标签。
5、要增减链接的移动图片,只需在标签的前面“添加”或者“删除”代码:
即可。
多个图片的链接
代码3:
代码解析:
1、上面的代码用“移动标签”控制“链接标签和图片标签”。链接标签中的“链接地址”是:“春天没来”的图书馆首页。无论点击移动页面中的那个图片,都会在新窗口打开“春天没来”的图书馆首页。移动标签中的“宽度”设置为100%,可以使无限多个图片在一行内显示。
2、“多个图片的链接代码2”与“多个图片的链接代码3”的不同点在于:“代码2”是每个图片都用一个链接标签控制,“代码3”是几个图片共同用一个链接标签控制。由此可知,用链接标签控制的图片标签,无论图片标签是一个还是多个,这些图片都可以成为链接图片的。
3、代码3标签顺序:移动标签、链接标签、五个图片标签、链接尾标签与移动尾标签。
4、要增减链接的移动图片,只需在标签的前面“添加”或者“删除”代码:
即可。
|