4.14. Introdução ao HTML: estrutura básica, tags e atributos: Tags de divisão e span
Página 18
4.14. Introdução ao HTML: Estrutura Básica, Tags e Atributos: Tags de Divisão e Span
HTML, que significa Hyper Text Markup Language, é a linguagem de marcação padrão para a criação de páginas e aplicativos web. Compreender a estrutura básica do HTML, bem como as tags e atributos, é essencial para qualquer desenvolvedor front-end. Nesta seção, focaremos especificamente nas tags de divisão e span.
Estrutura Básica do HTML
Um documento HTML é estruturado como uma árvore de elementos e texto. Cada documento começa com um tipo de documento que é seguido pela tag raiz . Dentro da tag , temos duas partes principais: a
e o .
<!DOCTYPE html>
<html>
<head>
<title>Título da Página</title>
</head>
<body>
Conteúdo da página vai aqui.
</body>
</html>
A
contém metainformações sobre o documento, como seu título, links para scripts e folhas de estilo. O contém o conteúdo real da página que é visível para os usuários.Tags e Atributos
As tags HTML são os blocos de construção de qualquer página web. Elas definem o tipo de conteúdo que está sendo inserido e como ele deve ser exibido. Cada tag começa com um sinal de menor (<) e termina com um sinal de maior (>). A maioria das tags vem em pares, com uma tag de abertura e uma tag de fechamento.
Os atributos fornecem informações adicionais sobre as tags HTML. Eles vêm em pares de nome e valor e são sempre incluídos na tag de abertura. Por exemplo, a tag de link pode ter um atributo href que indica o URL para o qual o link deve apontar.
<a href="https://www.example.com">Link para o Example.com</a>
Tags de Divisão e Span
As tags de divisão
<div>
<p>Este é um parágrafo dentro de uma div.</p>
<p>Este é outro parágrafo dentro da mesma div.</p>
</div>
<p>Este é um <span>texto destacado</span> dentro de um parágrafo.</p>
Ambas as tags são frequentemente usadas com atributos de classe e id para aplicar estilos CSS ou comportamentos JavaScript. Por exemplo, você pode ter uma div com a classe "container" que tem um certo estilo aplicado a ela.
<div class="container">
<p>Este é um parágrafo dentro de uma div com a classe "container".</p>
</div>
Em resumo, o HTML é a espinha dorsal de qualquer página web. Compreender a estrutura básica do HTML e como usar tags e atributos é fundamental para se tornar um desenvolvedor front-end eficaz. As tags de divisão e span são particularmente úteis para agrupar elementos e aplicar estilos ou comportamentos a grupos de elementos.
Now answer the exercise about the content:
Qual é a função das tags de divisão e span no HTML?
You are right! Congratulations, now go to the next page
You missed! Try again.
Next page of the Free Ebook:
194.15. Introdução ao HTML: estrutura básica, tags e atributos: HTML semântico
Earn your Certificate for this Course for Free! by downloading the Cursa app and reading the ebook there. Available on Google Play or App Store!
This article belongs to the Free Ebook:
Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End
125 pages
