HTML+CSS编写静态网站-11 添加画册图像
2017-06-20 07:03
495 查看
视频教程观看地址:http://study.163.com/course/courseMain.htm?courseId=1003879015 这节课,让我们完成这个列表项。现在,我要在这个图像下面使用段落元素添加一个图片的说明。所以,打开一个段落,然后,输入C++。
<li> <img src="img/numbers-01.jpg" alt=""> <p>C++</p> </li> |
<li> <a href = "img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>C++</p> </a> </li> |
当我们点击图片时,它会跳转到图片的路径,这里我们就可以查看全尺寸的图片了。
接下来,我需要添加一个画册。所以现在,我们只需要复制和粘贴这几次,以添加其余的图像。我们可以先将这段已写好的代码段进行复制,粘贴后,再进行修改。
这里我需要粘贴四次,因为总共有五个图片。
<ul> <li> <a href = "img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>C++</p> </a> </li> <li> <a href = "img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>C++</p> </a> </li> <li> <a href = "img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>C++</p> </a> </li> <li> <a href = "img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>C++</p> </a> </li> <li> <a href = "img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""> <p>C++</p> </a> </li> |
<li> <a href = "img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Github</p> </a> </li> <li> <a href = "img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Python</p> </a> </li> <li> <a href = "img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>HTML/CSS</p> </a> </li> <li> <a href = "img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Windows</p> </a> </li> |
更多精彩内容尽在视频中!
本文固定链接:http://www.oxox.work/web/html-css/photograph/ | 虚幻大学
查看原文:http://www.oxox.work/web/html-css/photograph/
相关文章推荐
- HTML+CSS编写静态网站-10 添加画册结构
- 使用HTML/CSS搭建静态网站-添加画册结构所需图片
- HTML+CSS编写静态网站-26 创建画册样式
- HTML+CSS编写静态网站-32 为关于页面添加样式
- HTML+CSS编写静态网站-03 添加css样式
- HTML+CSS编写静态网站-22 组织css文件并添加注释
- HTML+CSS编写静态网站-34 为Contact页面添加样式
- HTML+CSS编写静态网站-37 媒体查询初探
- HTML+CSS编写静态网站-44 如何进一步学习
- HTML+CSS编写静态网站-28 调整标题和导航
- HTML+CSS编写静态网站-33 创建Contact页面
- HTML+CSS编写静态网站-23 如何调用外部字体
- HTML+CSS编写静态网站-24 调整页面文本
- HTML+CSS编写静态网站-25 课后作业05
- HTML+CSS编写静态网站-40 课后作业08
- HTML+CSS编写静态网站-04 课后作业01
- 静态的京东商城网站编写01(学完css和html之后就可以编写)
- HTML+CSS编写静态网站-35 课后作业07
- HTML+CSS编写静态网站-09 导航元素