SWG-Intro/formattingDemoPage.html at master · Kpacka/SWG-Intro · GitHub

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
<!DOCTYPE html>
	<html>
		<head>
			<title>Formatting Demo Page</title>
		</head>
		<body>
			<h1>Formatting Demo Page</h1>
			<p> This simple page demonstrates the formatting tags covered in this lesson</p>
			<h2>Bold and Strong</h2>
			<b>This is bold text</b>
			<p>The strong tag has the same visual effect as the bold tag but the strong tag also marks the enclosed text as more important.</p>
			<strong>This is what strong text looks like.</strong>
			<h2>Italic and Emphasis</h2>
			<i>This text is in italics</i>
			<p>The emphasis tag has the same visual effect as the italic tag but the emphasis tag also marks the enclosed text as more important. It is also easier for screen readers to read.</p>
			<em>This is what emphasized text looks like.</em>
			<h2>Subscript and Superscript</h2>
			<p>Subscript text looks like this: <sub>This is subscript</sub></p>
			<p>Superscript text looks like this:<sup>This is superscript</sup></p>
			<h2>Inserted and Deleted</h2>
			<p>Inserted text looks like this: <ins>This is inserted</ins></p>
			<p>Deleted text looks like this: <del>This is deleted</del></p>
			<h2>Marked</h2>
			<p>Marked text looks like this: <mark>This is marked</mark></p>
			<h2>Blockquote</h2>
			<p>Blockquoted text looks like this: <blockquote>This is the blockquote</blockquote></p>
			<h2>Code</h2>
			<p>Computercode text looks like this: <code>This is code</code></p>
		</body>
	</html>