1
2
3
4
5
6

项目2-2:使用CSS设置超链接

发布时间:2019-10-22 20:22   发布人:侯素玲   浏览次数:2447

学习任务

     制作含有不同样式的超链接的网页

学习目标

    1.熟记超链接的4种链接伪类a:link,a:visited,a:hover,a:active

    2.掌握在网页中使用链接伪类设置超链接样式的方法

观看视频

视频1

 使用CSS样式设置超链接样式(点击观看)

视频2 同一网页中含有多种样式的超链接(点击观看)

任务要求

      访问腾讯网www.qq.com,该网站首页中不同位置的超链接有不同的样式,请根据本讲所学知识,在一个网页内实现至少三种不同样式的超链接。   

拓展训练

1.访问腾讯网https://www.qq.com,观察该网站首页中不同位置的超链接的不同样式,并根据所学知识,在一个网页内实现3种不同样式的超链接。

image.png

2.访问“学习强国”官网网址https://www.xuexi.cn/),分析并制作其中的超链接


学习强国.jpg

        3.访问CCTV官网网址:https://www.cctv.com/),分析并制作其中的超链接

image.png