-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path04_typography.html
35 lines (34 loc) · 1.38 KB
/
04_typography.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Headings, Paragraphs, Typography</title>
</head>
<body>
<!-- CTRL + ? for quick comments -->
<!-- Headings Shrinking Size -->
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<!-- Paragraph with 'lorem' dummy text -->
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Excepturi animi dolor recusandae cumque labore saepe autem laborum quam ex et! Est atque et porro,
<!-- Strong is bold -->
<strong>itaque optio voluptatum similique, odio tempora sit dolores vel inventore repellat soluta obcaecati iste quia nobis minima, </strong>
<!-- Horizontal Line -->
<hr>perspiciatis illo amet nihil a autem? Neque nisi rem temporibus at, maiores sit.
<!-- Emphassis is Italic -->
<em>Neque ducimus explicabo in? Repudiandae, voluptatum ut porro rerum eligendi ad quam. </em>
Maiores excepturi voluptatem quasi architecto eum! Ratione optio ad totam id natus sint dolores autem?
<!-- Line Breaks -->
<br>
<br>
Quae nihil corrupti soluta consequuntur perspiciatis <del> text deleted with del </del> possimus, quidem quasi saepe eum assumenda laboriosam nostrum in officia praesentium!
</p>
</body>
</html>