html-code/index shradda.html at main · princepatidar70/html-code · 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
105
106
107
108
109
110
111
112
113
<!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>Document</title>
</head>
<body>
    <!-- heading tag -->
    <h1>hello word!</h1>
    <h2>hello word!</h2>
    <h3>hello word!</h3>
    <h4>hello word!</h4>
    <h5>hello word!</h5>
    <h6>hello word!</h6>
    <!-- pragraph tag -->
    <p>this is a pragraph</p>
    Lorem ipsum dolor sit, amet <br>
    consectetur adipisicing elit. Molestias <br> dolores et nisi ex similique esse quae fugiat aliquid iure, asperiores aperiam? Ducimus <hr> quas a itaque et tempore distinctio, quos iusto labore impedit cupiditate enim?<br>
    <!-- anchor tag for add link --> <hr>
    <a href="https://www.google.com/">Google</a><br>
    <a href="https://www.harry.com/"> go to harry  sites</a><br>
    <a href="/chapter3.html">GO TO CHAPTER 3</a><br> <!--KHUD KI SITES --> <hr>
    <a href="https::/google.com" target="main">google</a>
    <hr> <!--target likhne se site new tab me open hoti he-->
    <!-- image tag for image add -->
    <img src="https://img.freepik.com/free-photo/teen-girl-among-pile-books-young-girl-reads-book-with-shelves-background-she-is-surrounded-by-stacks-books-book-day_158595-7863.jpg?w=1060&t=st=1671816952~exp=1671817552~hmac=0c0055e3849349c55ee6b2664b680640f0152185fc98a0369d78b0d2c427981c " width="150" alt="library photo"><br><hr>
<b>bold</b><br>
<i>italic</i><br>
<u>underline</u><br>
this is <sub>sub</sub>and <sup>sup</sup><br>
<big>this is big</big><br>
<small>this is small</small><hr>
<pre>this is a poem
  k-day_158595-7863

</pre>
<hr>
<header>

    <h1>my portfolio</h1>

</header>
<main>
    <section>
        education : talent indore
    </section>
    <section>
        experiences : web development

    </section>
    <article>my story: i am great</article>
    <aside>this is an add</aside>

</main>
<footer>
    <h5>contact me at hello @ac.com</h5>
</footer><hr>
<!-- div tag  is take full width horizontal-->
<div>paragraph</div>
<!-- span tag is only take as per size -->
<span>this is span</span>
<ul>

    <li>apple</li>
    <ul>
        <li>color: red</li>
        <li>seson: winter</li>
    </ul>
    <li>mango</li>
    <ul>
        <li>color: yellow</li>
        <li>winter: summer</li>
    </ul>
    <li>litchi</li>
</ul><br>
<ol>  <li>apple</li>
    <ol>
        <li>color: red</li>
        <li>seson: winter</li>
    </ol>
    <li>mango</li>
    <ol>
        <li>color: yellow</li>
        <li>winter: summer</li>
    </ol>
    <li>litchi</li></ol><hr>

    <table>
    <caption>student data</caption>
    <tr>
            <colspan 2> information</colspan>
            <th>name</th>
            <th>class</th>
            <th>roll no.</th>
        </tr>
        <tr>
            <td>prince</td>
            <td>12</td>
            <td>333</td>
        </tr>
        <tr>
            <td>tpn</td>
            <td>12</td>
            <td>123321</td>
        </tr>
    </table><hr>
    <form>
        <actioon"
    </form>
</body>
</html>