Hey guys! Remember the last time we shared with you about CSS? Today, we will be going through the HTML guide for beginners to learn. Technically, understanding how HTML works make it easier to understand CSS.
First things first, HTML guides for beginners to learn are just the basics. You can find more in-depth tutorials at w3schools.
What is HTML?
Known as “Hypertext Markup Language”, it is a standardized system for tagging text files to achieve font, color, graphic and hyperlink effects on World Wide Web (WWW) pages.
They are the building blocks of HTML pages. The elements are represented by <> tags, 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
Below is an example of how the structure looks like:
There will always be an open <> and a close tag </>. If you missed out any of the tags, whatever codes that are entered in the back-end will not appear in the front-end.
This affects the whole website, causing it to be “down”. To fix it, the developer will have to browse through line by line individually to edit.
On the second line, there is a closely followed by and . The close tag html is at the very end, indicating that it is at the last line. There should be no other HTML elements after . The same applies for , which should always come before .
There are a lot of other HTML components, such as tables, images, list (bullet points), etc. Try downloading brackets.io to get a first-hand experience. You can also visit w3 school to learn more about other elements/components. We hope this article has benefited you in some ways and we look forward to seeing you in our next article.