Skip to content

Instantly share code, notes, and snippets.

@suenot
Forked from aalexeev239/type.html
Created June 6, 2016 05:59
Show Gist options
  • Save suenot/7edf04b2b193b0a5e821e0fe41465d6e to your computer and use it in GitHub Desktop.
Save suenot/7edf04b2b193b0a5e821e0fe41465d6e to your computer and use it in GitHub Desktop.
typography page
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<h1>H1. Заголовок первого уровня</h1>
<h2>H2. Заголовок второго уровня</h2>
<h3>H3. Заголовок третьего уровня</h3>
<h4>H4. Заголовок третьего уровня</h4>
<h5>H5. Заголовок третьего уровня</h5>
<h6>H6. Заголовок третьего уровня</h6>
<p>
Обычный текст для сплошного чтения: Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Рекламных буквенных вопрос первую дал напоивший власти имеет пунктуация продолжил она подпоясал грамматики пустился прямо имени, снова алфавит свое силуэт запятых обеспечивает переписывается свой бросил великий! Подпоясал продолжил, одна последний семь всеми реторический свой до свой семантика взгляд речью выйти.
</p>
<p>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Заманивший вопрос приставка рукопись сих, там, за назад. Путь дороге проектах, заглавных, снова рот лучше агенство своих первую жаренные великий.
</p>
<hr>
<p>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Большой рукописи lorem, родного, прямо, обеспечивает реторический парадигматическая мир предложения ему по всей маленький ведущими вскоре заголовок жизни подпоясал приставка за.
</p>
<h1>
(H1) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.
</h1>
<p>
(P) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.
</p>
<hr>
<p>
(P) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.
</p>
<h2>
(H2) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.
</h2>
<p>
(P) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<img src="http://placehold.it/350x200" class="img">
<p>
(P) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<h3>
(H3) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.
</h3>
<p><a href="#">(a) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </a>
</p>
<p><small>(small) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </small>
</p>
<p> <b>(B) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </b>
</p>
<p> <strong>(STRONG) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </strong>
</p>
<p> <i>(I) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </i>
</p>
<p> <em>(EM) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </em>
</p>
<p> <del>(DEL) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </del>
</p>
<p> <ins>(ins) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </ins>
</p>
<p> <address>(address) Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. </address>
</p>
<hr>
<h1>Списки</h1>
<ul>
<li>ul. Lorem Ipsum - это текст-"рыба"</li>
<li>
ul. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
<ul>
<li>
ul. Lorem Ipsum - это текст-"рыба"
<ul>
<li>ul. Lorem Ipsum - это текст-"рыба"</li>
<li>
ul. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
</li>
<li>
ul. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</li>
</ul>
</li>
<li>
ul. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
</li>
<li>
ul. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</li>
</ul>
</li>
<li>
ul. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</li>
</ul>
<ol>
<li>ol. Lorem Ipsum - это текст-"рыба"</li>
<li>
ol. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
<ol>
<li>
ol. Lorem Ipsum - это текст-"рыба"
<ol>
<li>ol. Lorem Ipsum - это текст-"рыба"</li>
<li>
ol. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
</li>
<li>
ol. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</li>
</ol>
</li>
<li>
ol. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
</li>
<li>
ol. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</li>
</ol>
</li>
<li>
ol. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</li>
</ol>
<h1>Таблицы</h1>
<table>
<tbody>
<tr>
<th>th. Lorem Ipsum - это текст-"рыба"</th>
<th>
th. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
</th>
<th>
th. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</th>
</tr>
<tr>
<td>td. Lorem Ipsum - это текст-"рыба"</td>
<td>
td. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
</td>
<td>
td. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</td>
</tr>
<tr>
<td>td. Lorem Ipsum - это текст-"рыба"</td>
<td>
td. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
</td>
<td>
td. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</td>
</tr>
<tr>
<td>td. Lorem Ipsum - это текст-"рыба"</td>
<td>
td. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.
</td>
<td>
td. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</td>
</tr>
</tbody>
</table>
<h1>Список определений</h1>
<dl>
<dt>(DT) lorem ipsum</dt>
<dd>(DD) Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</dd>
<dt>(DT) lorem ipsum</dt>
<dd>(DD) Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</dd>
<dt>(DT) lorem ipsum</dt>
<dd>(DD) Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты.</dd>
</dl>
<h1>Цитата</h1>
<blockquote>(blockquote) Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Свою, о безорфографичный. Текстов вскоре, своего маленькая то обеспечивает скатился, дороге его необходимыми, несколько если буквенных свой. Она, скатился переписывается?</blockquote>
<p>
<q>(q)Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Заглавных мир всеми реторический домах!</q>
</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment