HTML for Beginners

 Hello, guys! today I'm going to talk about HTML web development language. "Hypertext Markup Language" is being called as HTML. HTML is a basic markup language that web developers need to have a very good knowledge of. This is the foundation of a web application and holds all the content and design elements together. It gives structure to the web page just like the skull of the human body.


HTML is easy to learn, You will enjoy it!

  • First of all you need an editor to learn and work with HTML. You can easily use Notepad on your computer or laptop for this. There are some software for coding HTML, 
                        Visual studio code
                    
                   Adobe Dream Weaver

                      Atom editor
    

        These are a few trending editor software. I recommend you Visual Studio code (vs code). It is easy for beginners to learn HTML. VS code is not only for learning but also it's a powerful web development tool that widely used in the industry. Visual Studio Code can help you write, test, and debug code more efficiently. 

  • You can download and install it free for your Windows, Mac, or Linux OS.
        download vs code from here!

  • Then you need to follow a few steps to code your first HTML file,


  1. Create a new folder and open it using VS code

  2. Create an HTML file in VS code as "name.html" (index.html) 

  3. Type the below code inside the index.html file

  4. <!DOCTYPE html>
    <html>
        <head>
            <title>
                My first HTML file
            </title>
        </head>
        <body>
            <h1>Hello world</h1>
        </body>
    </html>
  5. <!DOCTYPE html> is for identifying the HTML version, The latest version is HTML5

  6. <html></<html> is for identifying the development language is HTML

  7. <head></head> section basically contains the metadata. However, it will not be visible on the website.

  8. <title></title> is the literary title of the website, like the title of a book. The thing that we type inside this tag will show here,



  9. <body></body> tag is the most important part of our code, You can code tags, including images, animations, documents, or any kind of HTML-related thing that you need to show in your web application inside it, like the body of a book.

    In our case, it is "Hello world". I have put it inside the <h1></h1> tag it's indicating this sentence is a header, you can simply code it without the <h1></h1> tag as well but this is a good practice for freshers.

  10. Then you need a VS code extension to deploy this code. This is a simple way to see your web content only on your current device. Download open in browser extension for this. (right click on html file and click open in the default browser option)

  11. Refer to the above video for further details.

Though HTML is easy to learn, It is one of the major markup web development languages in the world.
In this blog, I have discussed "what is HTML", tools to learn and code HTML, setting the environment on VS code, and a simple HTML code. You can follow the above steps and code as much as you can, "Practise makes you perfect".

Please leave a comment with any questions or feedback.

Thank you.

Comments

Post a Comment