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.
Agora responda o exercício sobre o conteúdo:
Qual é a função das tags de divisão e span no HTML?
Você acertou! Parabéns, agora siga para a próxima página
Você errou! Tente novamente.
Próxima página do Ebook Gratuito:
19Introdução ao HTML: estrutura básica, tags e atributos: HTML semântico
4 minutos
Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!
Este artigo pertence ao Ebook Gratuito:
Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End
4.57
(7)
125 páginas
Cursos online gratuitos sobreProgramação Front-End
Aprenda a criar sites com os curso gratuitos de programação front-end que selecionamos para você. Com HTML, CSS, JavaScript, PHP e muito mais.
Cursos online gratuitos sobreInformática ( TI )
Cursos online de Informática gratuitos, do básico ao avançado com cursos online de informática básica, programação, excel e outros. Todos com certificado.
