Tags? What are they and how to you use them?
In this article we are going to explain the main tags that we used to create web pages, because the semantic code is easier to understand and maintain, the separation of the content of the presentation allows a page to be redesigned by changing only the CSS, search engine positioning and accessibility.
What is HTML anyway?
HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-
HTML tags correspond to HTML code elements on a web page. They are an integral part of the page’s makeup, since they enable the content to be shaped and structured.
<!DOCTYPE html>, Here we specify the type of document that the browser will read and interpret, it’s the html. Then we put the html tag, which is the root and we add the language in which our page is written.
Now we start with the basic structure. Head provides general information including the title that appears in the browser tab, metadata, coding and the link of our css file.
Inside the body, there are all the labels to create the web, content, it is unique in the whole structure. It will be structured in a way that will give semantic sense. Normally, we will always have a header. Where it will go depends on the content of the page, for example, the logo of the company, if we have a navigation menu, it will go between the nav tags. If there is a main title, it will go in h1.
The main content of the page is specified in the main. Depending on the page that we are developing, we will use different labels and specify each section by section. Usually, we will use aside to contain information related to the content that surrounds it and in order to contain articles we use article. With P we know that it is a paragraph, the browser will interpret it in block, stacked it one below the other.
And finally, the footer is the bottom part of our structure, including navigation links, links of interest, copyright or buttons to social networks.
