need help with linking images

need help with linking images

hi folks

i need to know how i can add links to the images...many thanks


 <!doctype html>
<html>
<head>
<meta charset="utf-8">
 
<!--Latest jQuery Core Library-->
</script>
 
<!--Cycle2 Plugin Script-->
 
<!--Cycle2 Carousel-->
 
<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>
 
<style>
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
 
.slideshow img {
border:4px solid #999;
}
 
/* pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: relative;
    top: 0;
}
.cycle-pager span {
    font-family: arial;
    font-size: 75px;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color:#09C; }
 
.cycle-pager > * { cursor: pointer; }
 
</style>
</head>
 
<body>
 
<!--begin slideshow-->
<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="2000"
data-cycle-pager="#pager"
data-cycle-carousel-offset="2"
data-cycle-carousel-visible="3"
data-cycle-carousel-fluid="true"
>
<!--INSERT YOUR IMAGES HERE-->
<img alt="description" src=" http://placehold.it/325x200/FFFFFF&text=image 1">
<img alt="description" src=" http://placehold.it/325x200/FFFFFF&text=image 1">
<img alt="description" src=" http://placehold.it/325x200/FFFFFF&text=image 1">
<img alt="description" src=" http://placehold.it/325x200/000000&text=image 2">
<img alt="description" src=" http://placehold.it/325x200/FFFFFF&text=image 3">
<img alt="description" src=" http://placehold.it/325x200/000000&text=image 4">
<img alt="description" src=" http://placehold.it/325x200/FFFFFF&text=image 5">
<img alt="description" src=" http://placehold.it/325x200/000000&text=image 6">
<img alt="description" src=" http://placehold.it/325x200/FFFFFF&text=image 7">
<img alt="description" src=" http://placehold.it/325x200/000000&text=image 8">


</div>
 
<div class="cycle-pager" id="pager"></div>
<!--end slideshow-->
 
</body>
</html>