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:85%">

 <h1 style="text-align:center; font-family:Courier, monospace; font-size:145%">Lorem ipsum dolor</h1>
 <hr style="height:3px; background:#FF0000; border:0">
 <p>Lorem ipsum dolor sit amet consectetuer Integer Aenean adipiscing Lorem magna. Mauris libero Mauris nisl malesuada at Sed Nunc.</p>

 <h2 style="text-align:center; font-family:Courier, monospace; font-size:125%">Cras neque lobortis</h2>
 <blockquote>
  <p>Cras neque lobortis Ut Morbi nec Ut elit <strong>id nulla consequat</strong>. Tellus morbi eget vel vel eu. Dolor lobortis massa consectetuer tempus Curabitur Morbi turpis sollicitudin Curabitur eu. Magnis urna enim dis laoreet congue.</p>
 </blockquote>

 <h3 style="text-align:center; font-family:Courier, monospace; font-size:110%">Et justo</h3>
 <hr style="width:200px; height:1px; background:#000000; border:0">
 <p style="text-align:center">Et justo neque amet metus tincidunt<br>Consequat eget orci faucibus at.<br>Venenatis tempor pede Proin suscipit<br>Risus semper ut sit leo eros.<br>Id cursus congue Sed id id<br>Aenean Cum interdum ut molestie.</p>
 <hr style="width:100px; height:1px; background:#000000; border:0">
</body>
</html>

Нет ничего проще, чем рисовать линии, правда? Главное знать, что <HR> это блочный тег, и указывать его можно только внутри тегов, которые могут содержать блоки. А-то многие новички иногда засовывают его внутрь параграфов, а это неверно!

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

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