-
Notifications
You must be signed in to change notification settings - Fork 0
/
all-text-elements.php
38 lines (23 loc) · 5.56 KB
/
all-text-elements.php
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
36
37
38
<h1>This is a heading 1. Let's talk about the rest of the text you should style. This is a heading 1. Let's talk about the rest of the text you should style.</h1>
<p>This is some paragraph text. <a href="http://www.example.com">This is an example link</a>. You can do a lot of things with a paragraph. Let's check it out. You can make text <b>bold</b>, not to be confused with <strong>strong text</strong>. You can also <em>emphasize</em> text, which appears as <i>italics</i>. Strong and emphasized text are the accessible equivilent of bold and italic tags. It's possible to <u>underline</u> text. It's also possible to <del>delete</del> <ins>insert</ins> text. Text can be <sup>superscript</sup>, <sub>subscript</sub> and <small>small</small>. All of these are inline elements that can be used inside of the paragraph tag.</p>
<h2>This is a heading 2. Don't forget to add a bunch of text so this cascades to multiple lines. Because you want to make sure the line height is right. I'm a poet.</h2>
<p>This is some paragraph text. <a href="http://www.example.com">This is an example link</a>. You can do a lot of things with a paragraph. Let's check it out. You can make text <b>bold</b>, not to be confused with <strong>strong text</strong>. You can also <em>emphasize</em> text, which appears as <i>italics</i>. Strong and emphasized text are the accessible equivilent of bold and italic tags. It's possible to <u>underline</u> text. It's also possible to <del>delete</del> <ins>insert</ins> text. Text can be <sup>superscript</sup>, <sub>subscript</sub> and <small>small</small>. All of these are inline elements that can be used inside of the paragraph tag.</p>
<h3>A heading 3. And adding a bunch of filler text for that line height effect. You know what's cool? Code. Code is cool. C'mon, you knew that was coming.</h3>
<p>This is some paragraph text. <a href="http://www.example.com">This is an example link</a>. You can do a lot of things with a paragraph. Let's check it out. You can make text <b>bold</b>, not to be confused with <strong>strong text</strong>. You can also <em>emphasize</em> text, which appears as <i>italics</i>. Strong and emphasized text are the accessible equivilent of bold and italic tags. It's possible to <u>underline</u> text. It's also possible to <del>delete</del> <ins>insert</ins> text. Text can be <sup>superscript</sup>, <sub>subscript</sub> and <small>small</small>. All of these are inline elements that can be used inside of the paragraph tag.</p>
<h4>And a heading 4. Seattle is nice this time of year. You should really come and check it out. There's even a rain forest on the Olympic Peninsula (did I spell that right?). And there's also the space needle. If you're into sight seeing. Don't be a chicken. It's only ~520ft up.</h4>
<p>This is some paragraph text. <a href="http://www.example.com">This is an example link</a>. You can do a lot of things with a paragraph. Let's check it out. You can make text <b>bold</b>, not to be confused with <strong>strong text</strong>. You can also <em>emphasize</em> text, which appears as <i>italics</i>. Strong and emphasized text are the accessible equivilent of bold and italic tags. It's possible to <u>underline</u> text. It's also possible to <del>delete</del> <ins>insert</ins> text. Text can be <sup>superscript</sup>, <sub>subscript</sub> and <small>small</small>. All of these are inline elements that can be used inside of the paragraph tag.</p>
<h5>We'll go ahead and add a heading 5. Oh man. This text is showing up really tiny and stuff. Ever seen toe-shoes? Some chick was wearing them the other day and it totally blew my mind. They're shoes that have indivdual places for each toe. It's like rubber gloves for your feet.</h5>
<p>This is some paragraph text. <a href="http://www.example.com">This is an example link</a>. You can do a lot of things with a paragraph. Let's check it out. You can make text <b>bold</b>, not to be confused with <strong>strong text</strong>. You can also <em>emphasize</em> text, which appears as <i>italics</i>. Strong and emphasized text are the accessible equivilent of bold and italic tags. It's possible to <u>underline</u> text. It's also possible to <del>delete</del> <ins>insert</ins> text. Text can be <sup>superscript</sup>, <sub>subscript</sub> and <small>small</small>. All of these are inline elements that can be used inside of the paragraph tag.</p>
<h6>And let's finish off the headings with a heading 6. All I can say is that my life is pretty plain. I like watching the puddles gather rain. And all I can do is just pour some tea for two and speak my point of view, but it's not sane.</h6>
<p>This is some paragraph text. <a href="http://www.example.com">This is an example link</a>. You can do a lot of things with a paragraph. Let's check it out. You can make text <b>bold</b>, not to be confused with <strong>strong text</strong>. You can also <em>emphasize</em> text, which appears as <i>italics</i>. Strong and emphasized text are the accessible equivilent of bold and italic tags. It's possible to <u>underline</u> text. It's also possible to <del>delete</del> <ins>insert</ins> text. Text can be <sup>superscript</sup>, <sub>subscript</sub> and <small>small</small>. All of these are inline elements that can be used inside of the paragraph tag.</p>
<blockquote>Want to insert a long quote from someone that you really admire? Well you can! And they should be styled as well.</blockquote>
<q>Of course, you can insert a short quote too.</q>
<ol>
<li>This is an ordered list</li>
<li>It has spiffy numbers</li>
</ol>
<ul>
<li>This is an unordered list</li>
<li>Notice the bullets</li>
</ul>
<hr />