seodon.ru | Меняем стили и размеры шрифтов в HTML

<!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>
</head>
<body style="font-family:Arial, sans-serif; font-size:90%">

<h1 style="font-family:Times, serif; font-size:150%" title="Lorem ipsum">Lorem ipsum</h1>
<p>Lorem <strong>ipsum</strong> dolor sit amet <strong>consectetuer</strong> adipiscing Nunc <em>pretium</em> enim parturient. Libero.</p>

<h2 style="text-decoration:underline; font-family:Times, serif; font-size:120%">Curabitur sit pede</h2>
<p>Consectetuer libero <strong><em>augue eget orci</em></strong> Curabitur sit pede a ut mauris. Curabitur.</p>
<p>Donec <em style="text-decoration:underline">ridiculus et facilisis</em> gravida Sed condimentum Morbi Suspendisse ligula justo.</p>

<h2 style="text-decoration:underline; font-family:Times, serif; font-size:120%">Vivamus morbi</h2>
<p>Dictumst et Nunc <strong><span style="text-decoration:line-through">venenatis leo</span> Vivamus morbi</strong> lacinia nulla pretium.</p>
<p>C<sub>2</sub>H<sub>5</sub>OH.</p>
</body>
</html>

Да-да, наверчено-накручено довольно прилично, но если присмотреться, то все очень просто и однотипно. Если ваш вариант немного отличается — ничего страшного, так как в этом уроке мы рассмотрели инлайн-теги (уровня строки), которые могут содержать тоже только инлайн-теги, то, соответственно, одни и те же теги можно вкладывать в разном порядке. Например, я это сделал вот так:

<strong><em>augue eget orci</em></strong>

А можно и наоборот сделать, на результате это никак не скажется:

<em><strong>augue eget orci</strong></em>

Главное — соблюдать правильную вложенность тегов. И еще один пример. Я сделал вот так:

<strong><span style="text-decoration:line-through">venenatis leo</span> Vivamus morbi</strong>

А можно было сделать и вот так:

<strong style="text-decoration:line-through">venenatis leo</strong> <strong>Vivamus morbi</strong>

HTML тем и хорош, что, посмотрев, какие теги может содержать каждый тег и что этот тег делает, можно импровизировать и комбинировать совершенно разные варианты. И как только вы это поймете — считайте HTML «у вас в кармане».

p.s. Кстати, когда ставили шрифт «Times» не забыли семейство «serif» вместо «sans-serif» поставить? Я вот, признаться, когда писал этот пример — забыл. Хорошо потом увидел и исправил, как говорится «и на старуху бывает проруха». :)

Вернуться в урок

→ Перейти к следующему уроку