HTML/Index.html at master · Haizeke/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
<!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">
    <!-- How to give an HTML Document a title -->
    <title>My First Webpage</title>
    <!-- In-line styling in HTML -->
<link rel="stylesheet" href="Index.css">
</head>
    <!-- targetting HTML elements -->
<body>
    <div class="container">
        <img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8YWVzdGhldGljJTIwZGVza3RvcCUyMHdhbGxwYXBlcnxlbnwwfHwwfHw%3D&w=1000&q=80" alt="">
        <div id="card"><img src="https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8YWVzdGhldGljJTIwZGVza3RvcCUyMHdhbGxwYXBlcnxlbnwwfHwwfHw%3D&w=1000&q=80" alt="">
            <h1>Oni Obaloluwa</h1>
        </div>

    </div>

    <a href="Form.html">Form</a>
    <header>
        <h1 style="color:orange; font-size: 50px; padding: 50px 20px 40px;">
            Header 1 <hr/>
        </h1>
        <h2>
            Header 2 <hr/>
        </h2>
        <h1 class="name">
            Header 3 <hr/>
        </h1>
        <h4 class="name2">
            Header 4 <hr/>
        </h4>
        <h5>
            Header 5 <hr/>
        </h5>
        <h1>
            Header 6 <hr/>
        </h1>
    </header>
    <p>Lorem <strong> dolor, sit</strong> <br/> <sub> amet  adipisicing</sub> <br/> elit. <i>, ut architecto </i><br/> voluptatum reprehenderit ab sunt, qui beatae veritatis culpa reiciendis dicta iure quo dolor itaque eligendi quas vero accusantium! Illum.</p>
    <p>Lorem <br/>
         ipsum <br/>
          <em>sit</em> <br/>
           <sup>amet</sup>  <br/>
           <consectetur<br>
           adipisicing <br/>
            <del> elit. </del><br/>
             Eveniet, <br/>
              <mark> soluta.</mark> <br/>
               Earum corrupt</p>
    <p>Lorem, <b>ipsum dolor</b> sit  <b> consectetur</b> adipisicing </p>
    <a href="https://www.Youtube.com" target="_blank">Youtube</a>
    <img src="Manchester.jpg" alt="Photography" width="500px"  height="300px">

    <table style="border: 1px solid black;">
        <tr>
            <th>Company</th>

            <th>Name </th>

            <th> Age </th>
        </tr>
        <tr>
            <td>Microsoft</td>
            <td>Micheal Forbes</td>
            <td>45</td>
        </tr>
        <tr>
            <td>Netflix</td>
            <td>Jeff Bezos</td>
            <td>50</td>
        </tr>
    </table>
    <!-- Creating a list -->
    <ul>
        <li>Microsoft </li>
        <li>Netflix</li>
        <li>Amazon</li>
        <ol>
            <li>Chair</li>
            <li>Table</li>
            <li>Pen</li>
        </ol>

    </ul>
    <ol>
        <li>Arsenal</li>
        <li>Chelsea</li>
        <li>Man u</li>
        <ul>
            <li>Food</li>
            <li>Money</li>
            <li>Life</li>
        </ul>
    </ol>
</body>
</html>