Guia rápido para elementos HTML
Hoje estamos discutindo elementos html . Um elemento HTML consiste em uma tag de início, uma tag de conteúdo e uma tag de fechamento.
Os elementos HTML são a base do design da web, fornecendo a estrutura e o conteúdo para sites e aplicativos da web.
Compreendendo a finalidade e a função de cada elemento HTML, você pode criar páginas da Web bonitas e funcionais, fáceis de navegar e usar.
Elementos HTML
Os elementos HTML são os blocos de construção de uma página da web.
Eles são definidos por tags HTML que são usadas para estruturar e formatar o conteúdo em uma página da web.
Os elementos HTML podem incluir:
- Cabeçalhos.
- Imagens.
- Links .
- Parágrafos.
- Listas .
- Tabelas .
- Formulários .
- E mais.
Cada elemento tem seu próprio conjunto de propriedades e atributos que definem sua aparência, comportamento e funcionalidade.
Tudo, desde a tag inicial até a tag final, é um elemento HTML :
Alguns elementos HTML são os seguintes:
| Marca de início | conteúdo do elemento | Etiqueta final |
|---|---|---|
| <h1> | Senhor-exemplos Primeiro título | </h1> |
| <p> | Este é o primeiro parágrafo de mr-exemplos. | </p> |
| <hr> | nenhum | nenhum |
| <br> | nenhum | nenhum |
| <img> |
 |
nenhum |
Lembre-se de que determinados componentes HTML, como o elemento <br> , não contêm conteúdo. Estes são conhecidos como “ elementos vazios ”. Tags finais não estão presentes em elementos vazios!
Elementos HTML aninhados
Não há restrições sobre como os elementos são aninhados em HTML (elementos podem conter outros elementos).
Os elementos HTML aninhados são comuns a todos os documentos HTML.
Existem quatro elementos HTML no exemplo a seguir ( <html> , <body> , <h1> e <p> ) :
Example
Exemplo explicado
O<html> elemento define todo o documento HTML e é o elemento raiz .
As tags de início e fim são <html>e </html>respectivamente.
Então há um <body>elemento dentro do <html>elemento:
< corpo >
< h1 >Este é meu terceiro título de exemplo < /h1 >
< p > Este é meu terceiro parágrafo de exemplo. < /p >
< /corpo >
O <body>elemento especifica o corpo do documento. Ele tem uma <body>tag inicial e uma </body>tag final.
Depois, há mais dois componentes dentro do <body>elemento:
<h1>e <p>:
< p > Senhor-exemplo quarto parágrafo. < /p >
Os cabeçalhos são definidos pelo elemento <h1> .
Há uma tag inicial <h1>e uma tag final </h1>:
O <p>elemento representa um parágrafo.
Tem uma tag inicial <p>e uma tag final </p>:
Você nunca deve ignorar a tag de fechamento.
Mesmo se você esquecer a tag final, certos elementos HTML serão exibidos corretamente:
Example <!DOCTYPE html>
No entanto, por favor, não confie nisso! Você pode receber resultados inesperados se esquecer de terminar a tag!
Elementos HTML Vazios
Elementos em HTML que não possuem conteúdo são referidos como elementos vazios.
O elemento <hr> geralmente aparece como uma linha horizontal usada para dividir o conteúdo (ou indicar uma alteração) na página.
A tag <br> , que é usada para especificar quebras de linha, é um elemento vazio que não possui uma tag de fechamento:
Example:
Exemplo de Explicação:
O código HTML fornecido acima demonstra como inserir uma quebra de linha e uma régua horizontal entre dois parágrafos.
- O código começa com a tag <html> e contém duas tags <p> . O texto dentro da primeira tag <p> diz “É um” e é seguido pela tag <br> . A tag <br> significa “quebra de linha” e insere uma nova linha entre o texto. O texto “parágrafo com quebra de linha” é colocado em uma nova linha após a tag <br>.
- A segunda tag <p> contém o texto “Its a” e é seguida pela tag <hr> . A tag <hr> significa “regra horizontal” e insere uma linha horizontal entre o texto. O texto “parágrafo com quebra de linha horizontal” é colocado abaixo da linha horizontal.
- O uso das tags <br> e <hr> é útil para formatar texto e adicionar separação visual entre diferentes partes do conteúdo. Por exemplo, a tag <br> pode ser usada para adicionar uma quebra de linha entre parágrafos ou para criar espaçamento entre texto e imagens. A tag <hr> pode ser usada para dividir o conteúdo em diferentes seções ou para separar visualmente títulos e subtítulos.
Elemento Imagem HTML
Para usar a tag img, dois atributos são necessários:
- alt – Fornece um texto substituto para uma imagem, caso não esteja visível devido a um erro
src – Descreve o caminho da imagem
Example:
HTML não diferencia maiúsculas de minúsculas
As tags HTML não diferenciam maiúsculas de minúsculas: ambos <P>e <p>significam a mesma coisa.
Usando tags HTML, não importa se estão em minúsculas ou maiúsculas.
Sempre usamos nomes de tags em letras minúsculas no Sr. Exemplos.
Referência de marca HTML
Há informações adicionais sobre essas tags e seus atributos na referência de tags do Sr. Exemplos.
| Tag | Visão geral |
|---|---|
| <html> | Especifica o ponto inicial de um documento em HTML |
| <corpo> | Descreve a parte principal do documento. |
| <h1> a <h6> | Cabeçalhos em HTML são definidos aqui. |
Visite nossa referência de tags HTML se desejar uma lista abrangente de todas as tags HTML acessíveis.
Conclusão:
Um elemento HTML é o bloco de construção de uma página da web. Ao definir a estrutura e o conteúdo de uma página da Web, eles fornecem uma maneira de os navegadores interpretarem e renderizarem esse conteúdo. O elemento HTML consiste em tags, atributos e conteúdo e pode ser aninhado para criar estruturas complexas. É importante que os desenvolvedores da Web entendam os elementos HTML e a sintaxe para criar páginas da Web bem estruturadas, acessíveis e de fácil manutenção.
