Intro_To_HTML/08_Reference_text.html at master · abhayanigam/Intro_To_HTML · 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!--
    Important Notes:
        Reference Text -
            1. <sup></sup> and <sub></sub> - If you may need to create a subscript or a subscript.

            2. <cite></cite> - Which allows you to cite another work on another person,So if you're
                                quoting someone you may use that to indicate who the originator of the
                                quote was.

            3. <abbr></abbr> - Abbreviation element that allows you to identify an addreviation in your
                                document and provide the text of what that addreviation stants for.
                                (SO someone who look at your document who may not be fimiliar with it can
                                mouse over that Abbreviation and get the full text that it stand for).

            4. <code></code> and <samp></samp> - It specify that particular content is code and should be
                                                formatted slightly differently.

            5. <kbd></kbd> - If you're defining keyboard input or some variables you can call them out.

            6. <blockquote></blockquote> and <q></q> - The notion of quotes having standard inline quotes
                                                        with a q element or a blockquote.
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Coffee Shop</title>
</head>
<body>
    <div id = "article">

    <div id = "header">
        <h1>The Coffee Shop</h1>
        <h2>Coffee To keep your brain wired.</h2>
    </div>

    <div id = "body">
        At Wired Brain Coffee, we believe that coffee can be the fuel your active brain needs.
        <br/>And we want you to believe it too.
        <p>Coffee <span class="fact"> has long been known </span> to provide a boost to brain activity and increase&nbsp;blood flow</p>
        <p>Another dubious statement about coffee to try and sell it.</p>
    </div>

        <h2>Testimonials</h2>
        <hr/>

        <blockquote><abbr title = "Coffee Shop">CS</abbr> coffee makes my brain feel like it is on fire </blockquote>
        <cite>Programmer &lt;America, NY&gt;</cite>

        <p>
            <q>I'm productive<sup>3</sup> when I drink this coffe!</q>
            <br/>
            <cite>Programmer &lt;Chicago, NJ&gt;</cite>
        </p>
    </div>

    <div id = "footer">
        &copy; Abhaya 2021
    </div>
</body>
</html>