Spans Inline
Parte da seção Fundamentals do Journey de HTML da Coddy — lição 26 de 60.
E se tivermos uma frase e precisarmos destacar apenas uma palavra ou uma pequena parte dela? Podemos usar a tag <span>! Ela nos ajuda a aplicar estilos ou fazer alterações em apenas uma parte específica do texto sem afetar o restante.
Aqui está a sintaxe básica para usar um span em HTML:
<span>This is some text.</span>Aqui está um exemplo de como usar as tags span para destacar uma parte do texto dentro de um parágrafo:
<p>This is a <span style="color: blue;">blue</span> word.</p>Neste exemplo, a palavra "blue" será exibida na cor azul.
Aprenderemos sobre o atributo style mais adiante!
Desafio
FácilDado um documento HTML com um parágrafo. Sua tarefa é usar uma tag <span> para envolver o texto "qwerty12345".
Folha de consulta
A tag <span> é usada para aplicar estilos ou fazer alterações em uma parte específica do texto sem afetar o restante.
Sintaxe básica:
<span>This is some text.</span>Exemplo com estilo inline:
<p>This is a <span style="color: blue;">blue</span> word.</p>Experimente você mesmo
<!DOCTYPE html>
<html>
<body>
<!-- Escreva o código aqui -->
<p>The secret password is qwerty12345.</p>
</body>
</html>
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Fundamentals
1Fundamentos do HTML
O que é HTML?Estrutura Básica do HTMLTags e ElementosAninhamento e Fechamento de TagsComentários em HTML7Página de Perfil Pessoal
Visão Geral do ProjetoSeção de Cabeçalho
Foto de PerfilSeção Sobre MimLinks Sociais2Texto e Formatação
TítulosParágrafosQuebras de LinhaTexto em Negrito e ItálicoNegrito e Itálico NovamenteRecapitulação - Formatação8Formulários e Inputs Parte 1
Fundamentos de FormuláriosInputs de TextoAtributos de InputCampo de SenhaLabels para InputsRecapitulação - Formulário Básico11Página de Inscrição de Evento
Visão Geral do ProjetoSeção de CabeçalhoSeção de Detalhes do EventoFormulário de InscriçãoSeção de Rodapé