First_webpage/index.html at main · avisinghal6/First_webpage · 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>
  <head>
    <title>Walk through first HTML page | blog.codingninjas.in</title>
  </head>
  <body>
    <header>
      First HTML web page.
    </header>

    <img
      src="https://ninjasfiles.s3.amazonaws.com/0000000000001394.png"
      alt="coding ninjas logo"
      height="20%"
      width="20%"
    />

    <p>
      <a href="blog.codingninjas.in" target="_blank"> blog.codingninjas.in </a>
    </p>

    <header>
      Coding Ninjas Offical blog>
    </header>

    <img
      src="https://ninjasfiles.s3.amazonaws.com/0000000000001395.png"
      width="50%"
    />

    <header>
      <h1>
        A step-by-step walk through of first webpage
      </h1>
    </header>

    <img
      src="https://ninjasfiles.s3.amazonaws.com/0000000000001491.png"
      width="50%"
    />

    <section>
      <p>
        HTML (HyperText Markup Language) is the most basic building block of the
        Web. It defines the meaning and structure of web content. Other
        technologies besides HTML are generally used to describe a web page's
        appearance/presentation (CSS) or functionality/behavior (JavaScript).
      </p>
    </section>

    <img
      src="https://ninjasfiles.s3.amazonaws.com/0000000000001486.jpeg"
      width="50%"
    />

    <section>
      <p>
        However simple this might seem, it is a mighty useful tool when it comes
        to full-fledged web development. Various tools easily eliminate the HTML
        coding from your work process – but if you want to be in full control of
        your web-page, you’ll need to have some command over HTML.
      </p>

      <p>
        Through this article, we aim to give you the essential HTML building
        blocks that’ll help you get up and running. Reading this, you’ll be able
        to understand an HTML source code and even modify it for your own good!
      </p>
    </section>

    <header>
      <h1>Step One -Tags</h1>
    </header>

    <section>
      <img
        src="https://ninjasfiles.s3.amazonaws.com/0000000000001486.jpeg"
        width="50%"
      />

      <p> Tags are
          what you&apos;ll see the most when you look at any HTML source code. A tag can
          ideally be seen as a wrapper to any item on your HTML document. Tags tell
          what magic is to be done on the content enclosed by them.
      </p>

      <p>
          Let&apos;s look at two types of tags:
          <ol type="1">
            <li> &lttag-example-1&gt need a closign tag &lt tag-example-1 &gt </li>
            <li> &lttag-example-2&gt I don't need a cloding tag. &lt tag-example-2 &gt </li>
          </ol>
      </p>

      <p>

      </p>
    </section>
  </body>
</html>