초보 문의입니다. 링크가 안걸려요 ;;;

첫번째 링크는요. 

<!-- 메인비주얼 -->
<div class="main_visual_wrapper">
    <div id="mainVisual" data-interval="5000">
        <!-- 이미지 리스트 -->
        <ul class="imgList">
            <li class="item1" data-index="1"></li>  <-이것 각각 사진 링크필요.
            <li class="item2" data-index="2"></li>  <-이것 각각 사진 링크필요.
            <li class="item3" data-index="3"></li>  <-이것 각각 사진 링크필요.
            <li class="item4" data-index="4"></li>  <-이것 각각 사진 링크필요.
        </ul>
        <!-- // 이미지 리스트 -->
        <!-- 좌우 제어 버튼 -->
        <a href="javascript:;" class="control prev"><span>이전 이미지</span></a>
        <a href="javascript:;" class="control next"><span>다음 이미지</span></a>
        <!-- // 좌우 제어 버튼 -->
    </div>
</div>

그래서 이부분을 <a href="">를 사용해서 넣으려고하는데 안되네요.

 <li class="item1" data-index="1"><a href="도메인URL"></li> 

이렇게도 안되고, <li><a class="item1" <a href="도메인URL"></a></li>

도 적용아 안됩니다. 

왜 그런가요 ? ㅜ 

두번째 링크는 

<li class="scrollreveal">
                    <div class="imgArea">
                    <img src="<?php echo G5_THEME_IMG_URL ?>/team1.jpg" alt="제목내용" />
                    </div>
                    <div class="infoArea">
                        <h3>내용</h3>
                        <span>서브내용</span>
                    </div>
                </li>

<img src="<?php echo G5_THEME_IMG_URL ?>/grid_team1.jpg" alt="제목내용" /> 

이거 링크도 압뒤 <a href="도메인URL"> 붙여봐도 안되네요 ...;;

잘 몰라서 문의드립니다. 

답변 부탁드립니다.