分享

链例2

 灰太狼662 2015-08-18
代码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、要增减链接的移动图片,只需在标签的前面“添加”或者“删除”代码: 即可。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多