1  <!DOCTYPE html>
 2  <html>
 3  
 4  <head>
 5    <meta charset="utf-8">
 6  
 7    <!-- set the text that goes in the browser tab {replace with your page title} -->
 8    <title>Custom Tags</title>
 9  
10  <!--
11    File:  \Student Resources\Website Development I\CodeSamples\CustomTags.html
12    maintained by Jesse Heines
13    updated by JMH on October 14, 2022 at 8:03 AM
14  
15    developed in response to questions from Mr. Smith and Mr. Ericson and Mr. Scott
16  -->
17  
18    <!-- additional head code goes here, such as the following -->
19  
20    <!-- set the icon to use in the browser tab -->
21    <link href="images/OldManInTheMountain_16x16.ico" rel="icon" type="image/x-icon">
22  
23  </head>
24  
25  <body>
26  
27    <!-- test #1: custom tag -->
28    <h2 style="margin-bottom: 0">Testing Custom Tags</h2>
29    <p style="margin-top: 0">&#10148; <strong><em>in response to an excellent
30      question from Mr. Ericson</em></strong></p>
31    <p>This is a paragraph tag.</p>
32    <Nathaniel>This is a Nathaniel tag.</Nathaniel>
33    <p>This is also a paragraph tag.</p>
34    <Nathaniel>This is a second Nathaniel tag.</Nathaniel>
35    <Nathaniel>This is a third Nathaniel tag.</Nathaniel>
36    <Nathaniel>This is a fourth Nathaniel tag.</Nathaniel>
37    <p>Thus, without styling, the Nathaniel tag has no rendition.</p>
38    <Nathaniel style="font-style: italic">This is a Nathaniel tag with a style
39      attribute.</Nathaniel>
40    <hr>
41  
42    <!-- test #2: whitespace -->
43    <h2 style="margin-bottom: 0">Testing the Effect of Whitespace</h2>
44    <p style="margin-top: 0">&#10148; <strong><em>in response to a an excellent
45      question from Mr. Smith</em></strong></p>
46    <p>This   paragraph   has  a    lot of    extra   whitespace     embedded.</p>
47    <ul>
48      <li>In general, multiple spaces <strong><em>within</em></strong> opening and
49        closing tags are rendered as a single space.</li>
50    </ul>
51    <p>This is a normal paragraph.
52      I have put each sentence on a separate line.
53      The line breaks are ignored because they're simply whitespace.</p>
54    <ul>
55      <li>In general, line breaks <strong><em>within</em></strong> opening and
56        closing tags are treated as spaces.</li>
57    </ul>
58    <p>In general, whitespace <strong><em>between</em></strong> tags is simply
59      ignored.</p>
60    <hr>
61  
62    <!-- test #3: <br> -->
63    <h2 style="margin-bottom: 0">Testing the <code>&lt;br></code> (line break) Tag</h2>
64    <p style="margin-top: 0">&#10148; <strong><em>in response to a an excellent
65      question from Mr. Scott</em></strong></p>
66    <p>This
67      paragraph<br>
68      has
69      a<br>
70      line
71      break<br>
72      after
73      every<br>
74      second
75      word.</p>
76    <ul>
77      <li>Note that the line breaks without <code>&lt;br></code> tags are treated as
78        spaces.</li>
79      <li>Also note that the extra spaces at the beginnings of lines are rendered as
80        a single space.</li>
81    </ul>
82    <hr>
83  
84  </body>
85  
86  </html>