Оформление ссылок на источники информации или просто интересные ресурсы может стать первоклассным украшением страницы сайта. Самые распространенные формы гиперссылок – это текст, картинка и кнопка.
Инструкция
1. Зашифровать адрес двумя словами можно с помощью тегов, указанных на иллюстрации.ссылку на странице"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa542ef52552aaa5432d.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/4/13/1_52552aaa542ef52552aaa5432d.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/4/13/1_52552aaa542ef52552aaa5432d.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa542ef52552aaa5432d.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
2. Используйте элементы анимации. К примеру, при наведении курсора на ссылку может появляться подсказка. Код такой ссылки будет похож на иллюстрацию. Такая ссылка откроется в новом окне.ссылку на странице"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5695b52552aaa569b5.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/4/13/1_52552aaa5695b52552aaa569b5.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/4/13/1_52552aaa5695b52552aaa569b5.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5695b52552aaa569b5.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
3. Вместо текста можете вставить в предыдущий вариант ссылки картинку, код указан в иллюстрации (на одной строке).ссылку на странице"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5844d52552aaa5849a.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/4/13/1_52552aaa5844d52552aaa5849a.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/4/13/1_52552aaa5844d52552aaa5849a.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5844d52552aaa5849a.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
4. Избавьтесь от подчеркивания ссылки, изменив теги по шаблону иллюстрации.ссылку на странице"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5a36252552aaa5a3a1.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/4/13/1_52552aaa5a36252552aaa5a3a1.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/4/13/1_52552aaa5a36252552aaa5a3a1.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5a36252552aaa5a3a1.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
5. Заключите ссылку в рамку-пунктир. Вставьте теги с картинки (на одной строке).ссылку на странице"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5c92852552aaa5c965.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/4/13/1_52552aaa5c92852552aaa5c965.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/4/13/1_52552aaa5c92852552aaa5c965.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5c92852552aaa5c965.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">
6. Используйте вместо ссылки кнопку. Ее код будет выглядеть примерно как на иллюстрации.ссылку на странице"" src="/"https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5f66352552aaa5f6a0.jpg"" srcset=""https://st03.kakprosto.ru/tumb/340/images/article/2011/4/13/1_52552aaa5f66352552aaa5f6a0.jpg 340w,https://st03.kakprosto.ru/tumb/550/images/article/2011/4/13/1_52552aaa5f66352552aaa5f6a0.jpg 550w,https://st03.kakprosto.ru/tumb/680/images/article/2011/4/13/1_52552aaa5f66352552aaa5f6a0.jpg 680w"" sizes=""(max-width: 414px) 340px, (max-width: 668px) 550px, 680px"">