Редактор Онлайн

<html>
<head>
<style type="text/css">
a:link {text-decoration:none;}    /* непосещенная ссылка */
a:visited {text-decoration:none;} /* посещенная ссылка */
a:hover {text-decoration:underline;}   /* курсор мыши над ссылкой */
a:active {text-decoration:underline;}  /* выбранная ссылка */
</style>
<link rel="stylesheet" type="text/css" href="https://setmar.ru/imgs/css/style.css">

</head>

<body>
<p><b><a href="index.php">Это ссылка</a></b></p>
<p><b>Замечание:</b> a:hover ДОЛЖНО идти после a:link и a:visited в CSS определении, чтобы
все работало корректно.</p><noindex>
<div class="zoomadssit">
<a onclick="this.href='https://partners.tbank.ru/click/fd68305d-4955-4d0e-9891-1813c528fffa'" href="https://tbank.ru" target="_blank">
<img src="https://setmar.ru/imgs/banner_tbank/640x180_tbank_2.png" class="zoomadssit"></a>
</div>
</noindex>
<p><b>Замечание:</b> a:active ДОЛЖНО идти после a:hover в CSS определении, чтобы
все работало корректно.</p>
</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами