AZ-C5-HTML/Week1-index.html at main · ressuman/AZ-C5-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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="author" content="Richard Essuman" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Enhance your web development skills with our comprehensive resources on HTML structure and text formatting techniques."
    />
    <meta name="keywords" content="HTML Structure and Text Formatting" />
    <link rel="shortcut icon" href="./Images/html.jpg" type="image/x-icon" />
    <title>ASSIGNMENT 1: HTML DOCUMENT STRUCTURE AND TEXT FORMATTING</title>
  </head>
  <body>
    <!-- This is the main heading with some italized text -->
    <h1>Lorem ipsum <i>dolor</i> sit amet.</h1>

    <!-- This is a paragraph with some bold text -->
    <p>
      Lorem ipsum, dolor sit amet consectetur adipisicing elit.
      <b>Architecto,</b>
      quibusdam.
    </p>

    <h2>consectetur adipisicing elit.</h2>

    <!-- This is a paragraph with some emphasized bolden text -->
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo,
      voluptatem accusamus. Eaque corrupti, quaerat sint perspiciatis
      dignissimos <strong>laudantium blanditiis exercitationem?</strong>
    </p>

    <!-- This is a paragraph with some emphasized italized text -->
    <p>
      Lorem ipsum dolor sit amet consectetur Explicabo, voluptatem
      <em>adipisicing elit.</em> accusamus. Eaque corrupti, quaerat sint
      perspiciatis dignissimos laudantium blanditiis exercitationem?
    </p>

    <!-- This is a heading with some highlighted text -->
    <h2>sequi <mark>cupiditate, accusantium</mark> laudantium magni</h2>

    <!-- This is a paragraph with some smaller font text -->
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi beatae
      repellat earum veritatis temporibus perspiciatis,
      <small>nemo dolor</small> illo facilis nesciunt ad qui officiis!
    </p>

    <!-- This is a paragraph with some deleted text -->
    <p>
      Lorem ipsum <del>dolor sit amet</del> consectetur adipisicing elit. Nisi
      beatae repellat earum veritatis temporibus perspiciatis, cupiditate,
      accusantium illo facilis nemo dolor nesciunt ad qui officiis!
    </p>

    <!-- This is a paragraph with some inserted underlined text -->
    <p>
      <ins>Lorem ipsum dolor</ins> sit amet consectetur adipisicing elit. Nisi
      beatae repellat earum veritatis temporibus perspiciatis, cupiditate,
      accusantium illo facilis nemo dolor nesciunt ad qui officiis!
    </p>

    <!-- This is a heading with some underlined text -->
    <h3><u>ad qui officiis!</u></h3>

    <!-- This is a paragraph with some strikethrough text -->
    <p>
      <s
        >Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad sequi
        dolorem amet. Odit nisi deleniti, ut excepturi debitis dicta.
      </s>
      Molestiae vitae reprehenderit mollitia non nesciunt reiciendis corporis
      adipisci iste. Nostrum aut consectetur autem dolorum debitis.
    </p>

    <!-- This is a paragraph demonstrating a subscripted text -->
    <p>
      Lorem, ipsum dolor.<sub>Lorem ipsum dolor sit.</sub>Lorem ipsum dolor sit
      amet.
    </p>

    <!-- This is a paragraph demonstrating a subscripted text -->
    <p>
      Lorem ipsum dolor sit amet consectetur.<sup
        >Lorem ipsum dolor sit amet consectetur adipisicing.</sup
      >Lorem ipsum dolor, sit amet consectetur adipisicing elit.
    </p>

    <!-- This is a quoted statement -->
    <q
      >Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut,
      reprehenderit.</q
    >

    <!-- This is a quoted statement such as a block of text from another source.-->
    <blockquote>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident, alias!
      <q>Lorem ipsum dolor sit amet.</q>
    </blockquote>
  </body>
</html>