Ir ao conteúdo

Posts recomendados

Postado

Olá , bom dia !

Estou em um projeto para criar um simples código de html5 , e queria saber duas coisas:

- Qual é o código para criar barras de progresso , tipo 20% , 30% ,etc;

-Qual é o código quando clico em uma mensagem e aparece outra logo em baixo .

 

Desde já , agradeço!

Postado

@João_1 Existe a tag <progress> para se criar progressos e enquanto a segunda questão você pode utilizar tooltip(ferramenta de dica) para mostrar mensagens ao se passar o mouse sobre um texto ou ao clicar sobre um texto especificado.

 

Você pode se deparar com pessoas utilizando a tag <div> para definir progressões, não há nada de errado nisso, entretanto com a tag <progress> o seu código fica mais semântico e ágil para mecanismos de busca, logo, a correspondência do seu site em sites de busca será melhor. 

 

Há questões que envolvem também o suporte por navegadores mais antigos contando que a tag <progress> é nova do HTML5 por isso alguns desenvolvedores utilizam tag's <div>.

 

As dicas de ferramenta/ferramenta de dica/tooltip podem ser criadas facilmente com CSS, mas se quiser que ao se clicar em um texto outra mensagem apareça em baixo desse texto você pode estudar sobre acordeões que fazem aparecer outra caixa contendo uma mensagem ou um texto. 

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!