Learning about web development is one of the best decisions you can make for your future and the first step is know the basic structure of HTML. In this article I show you the two most important elements of a website: the head (Headboard) and the bodysuit (page body).
The structure of a web page
When starting with the code of a web page, the first thing we encounter is a declaration that looks like this . This is one Document Type Declaration (DTD) and what it does is inform the browser of the version of HTML with which the document was made and, therefore, how it should process it.
This is our starting point. Now, since it is not a label but a declaration, it should not be closed at the end of the document >
Next we find the labelwhich includes all the content of the website.
head
The element head It is the first one we find after and is the first section of the basic structure of HTML. In general terms, the header or head It is not visible to Internet users. This section mainly uses tags that indicate how the browser or search engines should behave with the web page.
However, in the header we have the first important tag: the title or
Bodysuit
The next section corresponds to the body or content of the web page. He bodysuit is all that see on the website and is represented in code by means of labels. This section is mainly subdivided into 3 tags:
In the
we write our entire web page, from the titles, paragraphs, forms, images, videos and we define through tags the typography, the color of the font, whether it is bold or underlined or both…Example of basic HTML structure
After knowing the two most important sections of a web page, bodysuit and headwhich make up the basic structure of HTML, it is necessary to learn to represent the entire visual part through code.
For example, broadly speaking, This page you see would be written in HTML in the following way:
Basic HTML Structure
Basic HTML Structure: Body and Head
First paragraph
Body
First paragraph
Head
< p>First paragraph
Learn to create web pages
First paragraph
Obviously, a lot of code is required.
We leave you a trick in case you didn’t know it: if you right click anywhere on this page and select To inspect, you can see all the HTML code of this page.
Learn to create web pages
Now that you know the basic structure of HTML to create a web page, you are surely interested in continuing your training to learn about the different labels, scriptsclasses and everything that HTML offers us. At we can help you with your training, since we have this excellent Bootcamp, where you will learn everything you need to be a Full Stack web developer. Sign up and continue learning!