Как сделать, чтобы картинка была ссылкой на веб-страницу: [показать]

наведите курсор на картинку и вы поймете  о чем речь

  <a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный <br />текст"><img src="Ссылка на картинку вставляется <br />здесь"></a>      
 <br /> <a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный <br />текст"><img src="Ссылка на картинку вставляется <br />здесь"></a>       <a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный <br />текст"><img src="Ссылка на картинку вставляется <br />здесь"></a>       <a href="АДРЕС СТРАНИЦЫ" target=_blank title="Пояснительный <br />текст"><img src="Ссылка на картинку вставляется <br />здесь"></a>    

( ссылку на изображение вы можете взять на яндекс фотках это третье окошко кода самое нижнее)

и естественно вы можете использовать любую картинку на что хватит вашей фантазии

Отменить подчеркивание для ссылки:

Помощь в создании вашего дизайна в дневнике

<a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>   <a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>   <a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>   <a href="АДРЕС СТРАНИЦЫ" style="text-decoration: none;">Ваш текст</a>  

Подчеркнуть ссылку пунктиром:

Помощь в создании вашего дизайна в дневнике

  <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dashed navy; text-decoration: none;">Ваш текст</a>       <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dashed navy; text-decoration: none;">Ваш текст</a>       <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dashed navy; text-decoration: none;">Ваш текст</a>       <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dashed navy; text-decoration: none;">Ваш текст</a>    

Назначить свой цвет текста ссылки и подчеркивания:

Помощь в создании вашего дизайна в дневнике

 <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:green;←(цвет <br />можно поменять на свой) text-decoration:underline;"><span <br />style="color:red;←(цвет можно поменять на свой) ">Ваш <br />текст</span></a>  

к  <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:green;←(цвет <br />можно поменять на свой) text-decoration:underline;"><span <br />style="color:red;←(цвет можно поменять на свой) ">Ваш <br />текст</span></a>    <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:green;←(цвет <br />можно поменять на свой) text-decoration:underline;"><span <br />style="color:red;←(цвет можно поменять на свой) ">Ваш <br />текст</span></a>    <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:green;←(цвет <br />можно поменять на свой) text-decoration:underline;"><span <br />style="color:red;←(цвет можно поменять на свой) ">Ваш <br />текст</span></a>  

коды цветов берём здесь →Коды цвета для текстов и фонов или здесь →Палитра цветов

Более сложное оформление ссылок (кнопочки )

Обвести рамочкой:

Помощь в создании вашего дизайна в дневнике

 <a href="АДРЕС СТРАНИЦЫ" style="border: 2px solid navy; padding: 2px; text-decoration: none;">Ваш текст</a>    

 <a href="АДРЕС СТРАНИЦЫ" style="border: 2px solid navy; padding: 2px; text-decoration: none;">Ваш текст</a>      <a href="АДРЕС СТРАНИЦЫ" style="border: 2px solid navy; padding: 2px; text-decoration: none;">Ваш текст</a>      <a href="АДРЕС СТРАНИЦЫ" style="border: 2px solid navy; padding: 2px; text-decoration: none;">Ваш текст</a>    

Обвести пунктиром:

Помощь в создании вашего дизайна в дневнике

 <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dashed navy; padding: 2px; text-decoration: none;">Ваш текст</a>      <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dashed navy; padding: 2px; text-decoration: none;">Ваш текст</a>      <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dashed navy; padding: 2px; text-decoration: none;">Ваш текст</a>      <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dashed navy; padding: 2px; text-decoration: none;">Ваш текст</a>    

Обвести точками и назначить свой цвет текста:

Помощь в создании вашего дизайна в дневнике

 <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dotted navy; padding: <br />2px; text-decoration: none; color: Код цвета;">Ваш текст</a>    <br />  

 <a href="АДРЕС <br />СТРАНИЦЫ" style="border: 2px dotted navy; padding: 2px; text-decoration:<br /> none; color: Код цвета;">Ваш текст</a>        <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dotted navy; padding: <br />2px; text-decoration: none; color: Код цвета;">Ваш текст</a>    <br />    <a href="АДРЕС СТРАНИЦЫ" style="border: 2px dotted navy; padding: <br />2px; text-decoration: none; color: Код цвета;">Ваш текст</a>    <br />  

коды цветов берём здесь →Коды цвета для текстов и фонов или здесь →Палитра цветов

Ссылка с выделенным фоном:

Помощь в создании вашего дизайна в дневнике

<a href="АДРЕС СТРАНИЦЫ" style="background:Код цвета; color:Код цвета; ">ТЕКСТ</a>

<a href="АДРЕС СТРАНИЦЫ" style="background:Код цвета; color:Код цвета; ">ТЕКСТ</a> <a href="АДРЕС СТРАНИЦЫ" style="background:Код цвета; color:Код цвета; ">ТЕКСТ</a> <a href="АДРЕС СТРАНИЦЫ" style="background:Код цвета; color:Код цвета; ">ТЕКСТ</a>

коды цветов берём здесь →Коды цвета для текстов и фонов или здесь →Палитра цветов

источник