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.
Ahora responde el ejercicio sobre el contenido:
Qual é a função das tags de divisão e span no HTML?
¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.
¡Tú error! Inténtalo de nuevo.
Siguiente página del libro electrónico gratuito:
194.15. Introdução ao HTML: estrutura básica, tags e atributos: HTML semântico
¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!
Este artículo pertenece al Ebook gratuito:
Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End
125 páginas
