css:
<style>
*{
margin: 0;
padding: 0;
}
img{
width: 800px;
height: 500px;
margin-bottom:200px;
}
div{
top: 100px;
right: 200px;
position: fixed;
}
a{
display: block;
font-size: 20px;
}
</style>
html:
<body>
<img src="../img/1.jpg" alt="" id="pic1">
<img src="../img/2.jpg" alt="" id="pic2">
<img src="../img/3.jpg" alt="" id="pic3">
<img src="../img/4.jpg" alt="" id="pic4">
<img src="../img/5.jpg" alt="" id="pic5">
<div>
<!--a標簽的href屬性取值為所要鏈接到的塊的id選擇器-->
<!--如這里的#pic1就是要鏈接到第一個id為pic1的img元素-->
<a href="#pic1">圖1</a>
<a href="#pic2">圖2</a>
<a href="#pic3">圖3</a>
<a href="#pic4">圖4</a>
<a href="#pic5">圖5</a>
</div>
</body>