When to use span, hn and p tags

Question

I’m new to web development, and I wanted to know the difference between these tags and when I should use them, I researched them but I’m still struggling.

someone can explain to me objectively?

Answer 1

Span

The HTML element <span> is an online Energy container for phrasing content , which does not represent anything by nature. It can be used to group elements for style purposes (using the class or id ) or to share attribute values such as lang. It should be used only when no other semantic element is appropriate. <span> is very similar to the element <div> , entering <div> is a block level element while <span> is an online element.

example: <p><span>some text</span></p>

Source: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span

Hn

Heading Tags (H1, H2, H3, ...) are HTML programming features used to highlight titles and sub-titles of a page. H1 is the abbreviation of English for Header 1, or Header 1, thus the most important of the Headers. Conceptually, H1 has a higher highlight, a larger font, and is usually the most visible text element on the page. Other Heading Tags, such as H2 and H3, are usually used as sub-titles of a page. In SEO, they are an excellent resource to include complementary keywords, that is, variations and complements of the main keywords that will not have a unique page for it, either by low volume of search or simply not fit the concept of the site.

Example:

<h1>Buffet Infantil da Carochinha</h1>
<h2>Festas temáticas</h2>
<h3>Festas do Barney</h3>
<h3>Festas dos Angry Birds</h3>
<h3>Festa da galinha pintadinha</h3>
<h2>Venha visitar a casa na Vila Olímpia - São Paulo</h2>
<h3>Ponto de referência</h3>
<h3>Estacionamento</h3>

Source: https://www.seomarketing.com.br/heading-tags-h1-h2-h3-seo.php

P

The HTML element <p> (or HTML Paragraph Element) represents a paragraph of text. Paragraphs are usually represented in visual media as a block of text that are separated from adjacent blocks by vertical white spaces and/or first-line indentation.

Example:

<p>Esse é o primeiro parágrafo do texto. Esse é o primeiro parágrafo do texto.

Source: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p

I made a summary for you, for more details enter the pages I used as source.