Simple Website Creation Using HTML Only...

 

Hey guys this is HTML Website Example

Try with These Buttons

Click here to check how to write HTML code


Click Here For Introduction of HTML

Click Here For Features of HTML

Now Let's Add some Images














Now Using HTML We will Create Clone Of This Website

<html>
  <head>
    <title>Learn With TJ5</title>
  </head>
  <body>
    <p>&nbsp;</p>
    <h1 style="text-align: center;">Hey guys this is HTML Website Example</h1>
    <div>
      <h3>Try with These Buttons</h3>
      <h4>Click here to check how to write HTML code</h4>
      <a
        href="https://learnwithtj5.blogspot.com/2022/06/how-to-write-html-code.html"
      >
        <button>Click Here</button></a
      >
    </div>
    <div><br /></div>
    <div><b>Click Here For Introduction of HTML</b></div>
    <div><br /></div>
    <div>
      <a
        href="https://learnwithtj5.blogspot.com/2022/06/introduction-to-html-what-is-html-html.html"
      >
        <button>click Here</button>
      </a>
    </div>
    <div>
      <h4>Click Here For Features of HTML</h4>
      <a
        href="https://learnwithtj5.blogspot.com/2022/06/features-and-advantages-of-html.html"
        ><button>click Here</button></a
      >
    </div>
    <h3 style="text-align: left;">Now Let's Add some Images</h3>
    <div>
      <div class="separator" style="clear: both; text-align: left;">
        <a
          href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieZxof8NQYB0cmwU_QWUwzuRZWH4Rn5ZXqFkfI9-IzS8HmeSlKXg3oDt5VRzFzLIQPesDfeVGGgejbbSU8hmZdyw20KGjTo1FTk1qgvZe5Lba5zVTUwxIyeyp5lO0GfJ-yypxLzPQl2-D7DGH0XLaw95u2vBdAtO72l6GcNkfwliRGAU5gUsWzwjiVGA/s225/html.png"
          style="
            clear: left;
            float: left;
            margin-bottom: 1em;
            margin-right: 1em;
          "
          ><img
            border="0"
            data-original-height="225"
            data-original-width="225"
            height="172"
            src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieZxof8NQYB0cmwU_QWUwzuRZWH4Rn5ZXqFkfI9-IzS8HmeSlKXg3oDt5VRzFzLIQPesDfeVGGgejbbSU8hmZdyw20KGjTo1FTk1qgvZe5Lba5zVTUwxIyeyp5lO0GfJ-yypxLzPQl2-D7DGH0XLaw95u2vBdAtO72l6GcNkfwliRGAU5gUsWzwjiVGA/w172-h172/html.png"
            width="172"
        /></a>
      </div>
      <br />
      <div class="separator" style="clear: both; text-align: center;">
        <a
          href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip73bHjfNjqZKqJgdXGytbRDccwonLSRXKW899MXDWYU0imhrVmyCilIDrP06DQsF8mw084p1okjhfp2ZdUGD7hQJNglCYOd_mgzy0zp66JtArOMI047jz_DDG8ApPYJNImKbEi7tadbB5pXd317BjpxE-PyfLnYr8cDI2Rp7ngXzWVSKkbp5iEVDWwQ/s267/css.png"
          style="
            clear: left;
            float: left;
            margin-bottom: 1em;
            margin-right: 1em;
          "
          ><img
            border="0"
            data-original-height="267"
            data-original-width="189"
            height="195"
            src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip73bHjfNjqZKqJgdXGytbRDccwonLSRXKW899MXDWYU0imhrVmyCilIDrP06DQsF8mw084p1okjhfp2ZdUGD7hQJNglCYOd_mgzy0zp66JtArOMI047jz_DDG8ApPYJNImKbEi7tadbB5pXd317BjpxE-PyfLnYr8cDI2Rp7ngXzWVSKkbp5iEVDWwQ/w138-h195/css.png"
            width="138"
        /></a>
      </div>
      <br />
      <div class="separator" style="clear: both; text-align: right;">
        <a
          href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKGDnUDuIl9noNC4cuTGTSsyXTWz0HxdJX0Y1vv68GLbvAo7nsqgAmG-g_Ubl83lPc58E-hwkRmUo-Ilqjkofrm7hAfm8cD1N1D3ray6dIA-jLRLSjSwHTKP5dwF_U2WZfEVzWL9UsoFzN_xj1Yckw-4sgGsGeNdi1Hr1y1Eb1BDDnwxhzXYzkTY_0ng/s225/js.png"
          style="
            clear: left;
            float: left;
            margin-bottom: 1em;
            margin-right: 1em;
          "
          ><img
            border="0"
            data-original-height="225"
            data-original-width="225"
            height="163"
            src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKGDnUDuIl9noNC4cuTGTSsyXTWz0HxdJX0Y1vv68GLbvAo7nsqgAmG-g_Ubl83lPc58E-hwkRmUo-Ilqjkofrm7hAfm8cD1N1D3ray6dIA-jLRLSjSwHTKP5dwF_U2WZfEVzWL9UsoFzN_xj1Yckw-4sgGsGeNdi1Hr1y1Eb1BDDnwxhzXYzkTY_0ng/w163-h163/js.png"
            width="163"
        /></a>
      </div>
      <br />
      <div><br /></div>
    </div>
  </body>
</html>

I have used CodeSandbox Website to practice HTML code if you want you can use this online editor site Below is the link of website👇

CodeSandbox.io

So guys in this session we learn about How to create a simple website using HTML only and we made a clone of a our website.
Important Tags Used in This Clone 
  1. Div tag <div> </div>
  2. Img tag <img src=" "  alt=" ">
  3. Anchor tag <a href=" "> </a>
  4. Button tag <button> </button>
  5. Break tag <br /> 

If you found this helpful then do let me know in comment section below👇👇

Tejas Dhodi👦,
9 July 2022.     

Comments

Post a Comment