html5-logo-for-web-development

Hey what’s up guys! Remember the last time we shared with you about CSS guide? Yea, today we will be sharing with you about HTML guide for beginners to learn. Technically, you should understand how HTML works before jumping into CSS. You guys up for it? Lets go!

First things first, before we jump into the topic, HTML guide for beginners to learn are just the basics. You can find out more information in w3 school.

What is HTML? It stands for Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.

Important note: HTML elements are the building blocks of HTML pages. The elements are represented by <> tags.

HTML Elements

As we have mentioned above that the elements are represented by <> tags. An HTML element is a start tag (<>) and an end tag (</>) with content in between.

For example

Start TagElement ContentEnd Tag
This is a headinghtml codings for web development

HTML Documents

All HTML documents must start with a document type declaration:

The HTML document itself begins with and ends with .

The visible part of the HTML document is between and

With all these tips, you might still be wondering “How do I actually begin?”

Below will be an example of how the structure should look like.

If you notice that there will always be a open <> and close tag </>. If you missed out any of the tags, whatever you have enter in your back-end, will not appear in the front-end. Thus affecting your whole website to be “down” and you will need to browse through one line at a time to edit.

You will also realised on the second line there is ahtml open tag for html web development afterwards  will be html codings for web development followed by html codings for web development. The close tag html which is html close tag for html web development is at the very end meaning to say that it is at the last line. There should be no any other html elements after html close tag for html web development, similarly goes to body close tag for html web development.

body close tag for html web development should always come before html close tag for html web development.

Takeaways

In conclusion, there are a lot of other HTML components, such as tables, images, list (bulletpoints) etc.

We suggest you to download brackets.io to try getting your hands on and trying it yourselves for better understanding. HTML is not about theory, it is about practical. You can visit w3 school to learn more about other elements/components.

We hope this article have benefit you in some ways. We look forward to see you in our next article. See you!