Insightful

Getting started with HTML... A Beginner's guide!

Dhanashree Kesarkar's photo
Dhanashree Kesarkar
·

4 min read

Hello Developers!! Let's Begin with the Web Development journey.

OK! So what exactly this HTML is??🤔❓❔

Technically, HTML stands for HyperText Markup Language, and it is the standard markup language for creating web pages. It is used to describe and define the content of a web page, including text, images, and other media.

But to remember, you can consider it as a skeleton of web pages. As skeleton is the foundation of every body so is HTML for a web page. It gives the layout of how the content is going to be throughout the page just like a skeleton gives a shape and structure to a body.

So to begin with HTML you will need two things.

  1. A text editor

  2. A web browser

A text editor is a program that you can use to write and edit your HTML code. There are many text editors available, both free and paid. Some popular options include Notepad++, Sublime Text, and Visual Studio Code.

A web browser is a program that you can use to view web pages. Some popular web browsers include Chrome, Firefox, and Edge.

Once you have the above two things you are good to go.

Before diving into HTML try to have an idea about how the internet works. Don't go too deep just have an overview as it will help you to relate to the concepts in the further journey.

Now let's come on to HTML.

->Start with boilerplate code. (Just try to understand what each term represents no need to mug up)

->Continue with learning different tags. ( While learning it is a must that you do it practically as well.)

->Once you are done with sufficient tags pick a mini project like a Login page or a portfolio, etc. And try to design it with the knowledge you have. Know that at times you will need to refer to the documentation to see certain syntax or functioning of certain tags, don't expect that you will remember all the things.

Creating your first HTML document:

To create your first HTML document, open your text editor and create a new file. Save the file with the .html extension. For example, you might save a file as index.html.

Now, you can start writing HTML code in your file. HTML code is made up of tags, which are surrounded by angle brackets (< >). For example, to create a heading, you would use the <h1> tag. To create a paragraph, you would use the <p> tag.

Here is an example of a simple HTML document:

output:

The <!DOCTYPE html> declaration at the top of the document tells the browser that the document is an HTML document. The <html> and </html> tags enclose the entire HTML document. The <head> and </head> tags contain information about the document, such as the title. The <body> and </body> tags contain the content of the document, such as the heading and paragraph.

Saving your HTML document:

Once you have written your HTML code, save your file. Then, open the file in your web browser to view your web page.

Learning more about HTML:

There are many resources available online and in libraries that can teach you more about HTML. Here are a few recommendations:

  • W3Schools: A comprehensive online tutorial for HTML and other web development technologies.

  • freeCodeCamp: A free online learning platform that offers interactive courses on HTML and other web development topics.

  • The Odin Project: A free online learning platform that teaches you how to build web applications using HTML, CSS, and JavaScript.

Note:

*Make sure to implement the things you learn.

*Don't focus on remembering the various tags.

*Use documentation whenever needed.

Once you are done till this level you can proceed further. As mentioned earlier HTML is the skeleton so its important to start will HTML .But mere skeleton won't work so proceed further with next language.

I hope you found it insightful💡. All the best👍 and stay tuned for further guide.

Keep Learning!!❤️

Web DevelopmentHTML