Ir para conteúdo
Fórum Script Brasil
  • 0

Gambiarra: o marcador <f>


Frank K Hosaka

Pergunta

O meu conhecimento em HTML é muito precário. Eu queria um plano de contas com texto em preto, mas que ficasse azul quando o usuário passar o mouse por cima da conta (hover).

Eu tentei usar o elemento <a> com o Boostrap, mas para mudar a cor do link com o hover, isso eu não consegui.

Então tentei o bom e veho CSS, mas ele não tem nenhum efeito no elemento <a>. Só tem efeito se você usar o famoso atributo <a href>, mas aí ele atualiza a página e você perde o controle do fluxo do código.

Mudei de marcador, usei o marcador <i>. Funciona do jeito que eu queria, mas as letras ficaram inclinadas.

Como o meu conhecimento em HTML só vai até aí, eu não tive outra escolha senão apelar para o método científico da tentativa e erro:

<style>
f {color:black;text-decoration:none}
f:hover{color:blue;}
</style>
<f>Meu nome é Frank</f>

Para  a minha surpresa, ele funcionou exatamente do jeito que eu queria. Mas preciso da experiência dos veteranos: isso pode queimar o meu modem?

Editado por Frank K Hosaka
Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 1

A partir do html5, você pode criar suas próprias tags.
Pode criar seus próprios web-components.
O html5 é um XHTML
Podes criar suas próprias tags, com o nome que quiser.
Não é usado nem recomendável em projetos que pretendem manter a manutenibilidade e escalabilidade.
Imagine só, um projeto com 10 colaboradores, cada um inventando suas próprias tags...

E já existem tags suficientes para a maioria do que precisar, veja: https://www.w3.org/TR/2012/WD-html-markup-20121025/elements-by-function.html

Editado por lowys
Link para o comentário
Compartilhar em outros sites

  • 0

Na listagem dos marcadores encontrei o <command>. Pedi um código exemplo para o Bard, mas não funcionou. A tag que eu inventei funciona.

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <title>Exemplo de comando no HTML5</title>
</head>
<body>
  <command id="abrir" type="button" onclick="window.open('https://google.com')">Abrir Google</command>
  <p>
  <f onclick="window.open('https://google.com')">Abrir Google</f>
</body>
</html>

 

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,2k
×
×
  • Criar Novo...