When we first started learning HTML, we must understand that every website needs a basic structure through which everything can be properly organized, in addition to ensuring optimal performance in any device, this basic structure is commonly known as an HTML document and it is standardized.
Initially we must understand that all documents start with a declaration that refers to the type of document so that the browser can interpret it correctly. In the case of HTML documents the declaration is <!DOCTYPE html>
Followed by the previous label the document should start with <html> and be finished by </html>
The above contains the entire website, from CSS styles that are invisible to the user, to the text and sections that will be visible to all. The visible part of the HTML document is between <body> and </body>, whereas most of the things "invisible" but necessary for the proper functioning of the website are written between the <head> and </head> tags.
Below we show you as an example a code of an HTML document.
Code:
<!DOCTYPE html>
<html>
<head>
Design, scripts and much more...
</head>
<body>
<h1>My First Website</h1>
<p>My first paragraph.</p>
</body>
</html>
Result:
My First Website
My first paragraph.
In the previous example we use two types of text thanks to the use of <h1> and <p>, below we explain why these labels and their application.
HTML Headings.
HTML headings are used for titles, subtitles, etc... They are defined from <h1> to <h6>, where <h1> refers to the title with greater importance and <h6> the title with less importance of all.
The previous headers have a defined size with respect to their level of importance and although this can be modified through the use of CSS styles, the importance of them will not change.
Below we show you as an example a code of HTML Headings.
Code:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Result:
This is heading 1
This is heading 2
This is heading 3
HTML Paragraphs.
These are used to separate one paragraph from another, and only use a label which is <p>, the main difference between this type of label and the label for line break <br /> is that usually the paragraph leaves a larger space between the last line of text and the new line.
Below we show you as an example a code of HTML Paragraphs.
Code:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Result:
This is a paragraph.
This is another paragraph.