Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

4.7

(10)

125 páginas

Todos os cursos > Informática ( TI ) > Programação Front-End ::

Introdução ao HTML: estrutura básica, tags e atributos: Tags de divisão e span

Capítulo 18

Tempo estimado de leitura: 4 minutos

+ Exercício

Ouça em áudio

0:00 / 0:00

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.

Continue em nosso aplicativo

Você poderá ouvir o audiobook com a tela desligada, ganhar gratuitamente o certificado deste curso e ainda ter acesso a outros 5.000 cursos online gratuitos.

ou continue lendo abaixo...

Baixar o aplicativo

<a href="https://www.example.com">Link para o Example.com</a>

Tags de Divisão e Span

As tags de divisão

e span são usadas para agrupar outros elementos HTML. A tag

é um elemento de bloco que é usado para agrupar elementos de nível de bloco, enquanto a tag é um elemento inline usado para agrupar elementos de nível inline.

<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.

As tags de div e span são usadas para agrupar outros elementos HTML. A div é um elemento de bloco usado para agrupar elementos de nível de bloco, enquanto span é um elemento inline usado para agrupar elementos de nível inline. Elas facilitam a aplicação de estilos com CSS ou comportamentos com JavaScript a grupos de elementos.

Próximo capitúlo

Introdução ao HTML: estrutura básica, tags e atributos: HTML semântico