<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Создание ссылок на электронную почту</title>
<style type="text/css">
a:link {color:#FF6600}
a:visited {color:#FF6600}
a:hover {color:#FF3300}
a:active {color:#FFCC00}
</style>
</head>
<body style="font-family:Arial, sans-serif; font-size:90%">
 <h1 style="font-family:Times, serif; text-align:center; color:#008000">Lorem ipsum</h1>
 <hr style="background:#FF0000; height:3px; border:0">
 <p>Lorem ipsum dolor sit amet <q><em style="font-size:110%">consectetuer adipiscing Proin Curabitur</em></q> ullamcorper Lorem. Fringilla lacinia ut dolor lacinia elit Curabitur consequat purus.</p>
 
 <h2 style="font-family:Times, serif; color:#008000">Sed pretium</h2>
 <p>Sed pretium in et augue et <strong><a href="https://seodon.ru/programs/">neque lacinia</a></strong> et Vestibulum pretium. Lobortis ligula faucibus condimentum tempus feugiat orci euismod dolor ligula justo. Turpis convallis vitae.</p>
 
 <h2 style="font-family:Times, serif"><a href="https://seodon.ru/" style="color:#008000">Lobortis enim mus</a></h2>
 <p>Lobortis enim mus condimentum accumsan odio tincidunt id dictum Vestibulum eros: <a href="mailto:mymail@site.bom?cc=mymail2@site.bom">mymail@site.bom</a>.</p>
</body>
</html>

Конечно, вы могли сделать и по-другому. Например, не так:

<q><em style="font-size:110%">consectetuer adipiscing Proin Curabitur</em></q>
<strong><a href="https://seodon.ru/programs/">neque lacinia</a></strong>

А так:

<em><q style="font-size:110%">consectetuer adipiscing Proin Curabitur</q></em>
<a href="https://seodon.ru/programs/"><strong>neque lacinia</strong></a>

А вот в последнем заголовке цвет можно не указывать (что я и сделал), так как весь текст находится внутри тега <A> и нам все равно пришлось изменять в нем цвет.

Вернуться в урок → Перейти к следующему уроку