HTML, the Basic Structure

Like any respectable document, web pages also have their basic structure consisting of a header and content.

The header, in web pages, is defined through the tags while the content is defined through the tag. Let’s start writing something with the Online Editor, defining the structure of our first web page:

Type the above into the web Editor and save it using Windows Notepad in the Web folder you previously created, naming the page index.html, which will later be the home page of your site.

The structure must follow a strict hierarchical order otherwise it would not be recognized as the structure of an HTML document.

Let’s comment on the structure: the document opens with the tag which is used to let the web browser know that it is an HTML page and that everything enclosed between the tags and must be interpreted as a web page.

Below, the document header is defined through the tag which closes the header definition with the tag . Everything displayed on screen corresponds to the body of the document, enclosed between the tags and . Clearly, by loading this new page in the web browser, you will not see anything because we have only defined the structure, without inserting any elements.

In summary, we have created the structure of the index.html page, which represents the home page of our site, saving it in the Web folder, which will contain all the elements that will make up the site itself.

Pubblicato in HTML & CSS