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="background:#000000; color:#FFFFFF">

 <h1 style="font-family:Verdana">Lorem ipsum</h1>
 <p>Lorem ipsum dolor sit amet consectetuer <q><strong>id elit Nunc dignissim Sed</strong></q>. Nullam lacinia nibh pretium vitae porta libero metus in Nam tellus. Nunc pede elit Nam enim pretium libero Nulla ac Curabitur ridiculus. Wisi <q><em>rutrum id eu pede auctor</em></q> ac id adipiscing risus dignissim. Dictum hendrerit tellus rhoncus wisi ut tellus aliquam risus penatibus vitae. Et orci ligula elit eget lacus risus eros volutpat Sed Nulla. Laoreet sem suscipit dui vel at Nulla est fringilla massa sed. Tincidunt auctor Pellentesque eu malesuada semper at quam tellus semper urna.</p>

 <h2 style="font-family:Verdana">Congue In eget</h2>
 <p>Congue In eget cursus laoreet Nullam massa ipsum Integer nunc Sed. Nullam dictum nibh at Nulla pede felis Vestibulum leo gravida leo. Eu mollis quis et Sed id. Nunc dui nec Aenean hendrerit pharetra fermentum vitae et Curabitur nascetur. Leo nibh vitae vel nunc cursus Vestibulum elit Integer justo sed.</p>

 <h2 style="font-family:Verdana; text-align:center">Enim eget tellus</h2>
 <blockquote>
  <p>Enim eget tellus id quis dictumst enim libero Pellentesque vitae tortor. Laoreet sapien cursus elit molestie in et. Duis Quisque magna nec ut Curabitur augue dolor Nam lobortis quis. Sem et eleifend Curabitur consequat amet at tempus leo leo pretium. Lorem et pellentesque urna turpis Donec hendrerit turpis nulla ac vitae. Pellentesque urna velit dui Nam justo montes pretium orci pharetra risus. Suspendisse Vestibulum fringilla eros fringilla Nunc nibh wisi lacus Donec Suspendisse. Nunc wisi eget sem sed.</p>
  <p style="text-align:center">Metus pretium lacinia elit eleifend<br>At ornare eget Nulla ac morbi.<br>Tincidunt id eu ac eu eget<br>Nam accumsan cursus ipsum mauris.<br>Massa purus non hac Nulla<br>Pede non sed mollis et Sed. Cursus.</p>
 </blockquote>
</body>
</html>

Ну вот видите, все очень просто! :) Хочу еще раз вам напомнить, что так как <Q>, <STRONG> и <EM> являются инлайн-тегами, котрые могут содержать тоже только встроенные теги, то их можно вкладывать абсолютно в любом порядке. Например:

<q><strong>...</strong></q>

Или:

<strong><q>...</q></strong>

Хотя, как я вам уже говорил, абсолютно не обязательно запоминать какие из тегов может содержать каждый элемент, ведь в любой момент можно найти эту информацию в справочнике по HTML или учебнике по HTML для начинающих. Самое главное — знать, что все HTML-элементы могут содержать только определенные теги, а дальше, как говорится, дело техники.

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

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