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.
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.
|Start Tag||Element Content||End Tag|
|This is a heading|
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 a afterwards will be followed by . The close tag html which is is at the very end meaning to say that it is at the last line. There should be no any other html elements after , similarly goes to .
should always come before .
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!