Estrutura de uma tag HTML

sinal de menor (<)

nome da tag

espaço

atributos

nome-do-atributo=”valor do atributo”

ex.: class=”minha-classe”

inline

barra e sinal de maior

sinal de maior

conteúdo da tag

sinal de menor (>)

barra

nome da tag

sinal de maior

<nomedatag atributo="valor" />

<nomedatag atributo="valor">conteúdo</nomedatag>

Exemplos

<input type="text" />

<img src="https://http.cat/100" alt="Status 100, continue" />

<hr />

---

<span>texto do span</span>

<a href="http://www.google.com">Pesquise no Google</a>

<ul>
  <li>Primeiro item da lista</li>
  <li>Segundo item da lista</li>
</ul>

texto do span

Pesquise no Google

• Primeiro item da lista
• Segundo item da lista