Как добавить гиперссылку на строку кода данных? CSS3

Question

я делаю какую-то работу и все еще достаточно новое для CSS,

У меня есть некоторый код здесь,

<div id='ninja-slider'> 
       <ul> 
        <li> 
         <div data-image="images/md/1.jpg" </div>     </li> 
        <li> 
         <div data-image="images/md/2.jpg"> </div> 
        </li> 
        <li> 
         <div data-image="images/md/3.jpg"></div> 
        </li> 
        <li> 
         <div data-image="images/md/4.jpg"></div> 
        </li> 
       </ul> 
      </div> 

Я хочу знать, как я могу добавить гиперссылку на каждый из этих образов? Я пробовал, однако, к сожалению, это не сработало для меня.

Пожалуйста, помогите, я даже попробовал Javascript из поиска Google. Что-то делать с OnClick

Приветствиях

Answer 1

обернуть DIV в <a> теге

<ul> 
    <li> 
    <a href="#"><div data-image="images/md/1.jpg"></div></a> 
    </li> 
</ul> 

Answer 2

Использование <a></a> тегов.

вы можете сделать это

<a href="link_page"><img src="your_image.jpg" width="" height=""></a> 

href будет содержать страницу или туда, куда вы хотите пользователь перенаправлять.

Этот подход лучше и более широкое применение, чем один ты показал