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>
<h1 title="Lorem ipsum">Lorem ipsum</h1>

<h2>Curabitur suscipit</h2>
<p>Lorem ipsum dolor sit amet consectetuer a eu quis consequat Curabitur. Quis libero Curabitur suscipit augue Nulla faucibus.</p>

<h2>Cras Phasellus</h2>
<p>Eget pretium augue Cras Phasellus a Ut et In purus Sed. Consequat tincidunt lacinia felis in.</p>

<h3>Sapien quam dolor</h3>
<p>Sapien quam dolor faucibus Nulla quis convallis enim est Curabitur ac. Amet sed est consequat Vestibulum senectus Maecenas vel tellus nec id.</p>

<h3>lorem Donec lacinia</h3>
<p>Sed Curabitur Duis lorem Donec lacinia enim sed suscipit quis Curabitur. Elit enim est nibh ut volutpat urna augue fringilla Morbi volutpat.</p>

<h3>Sed facilisis</h3>
<p>Nunc condimentum pellentesque dolor Sed facilisis tellus In et netus Integer. Suspendisse nulla enim tellus eleifend orci nascetur.</p>
</body>
</html>

Для удобства чтения, я сделал дополнительно несколько переводов строк перед тегами заголовков. Ведь, если помните, браузеры игнорируют простые переводы строк в коде, а реагируют только на команды тегов. И несколько подряд идущих пробелов они считают за один, тоже не забываем. В принципе, всю HTML-страницу можно написать вообще в одну строку, вот только как потом такой код читать и править... Кстати, та бессмыслица, которая написана в этом примере на латыни, называется «канонической рыбой» и очень часто используется в показе примеров в интернете, так что вы еще не раз увидите подобный текст.

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

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