Os links afetam significativamente a aparência de uma página da web. Quer seja o seu site ou blog, os links personalizados mudarão o design do seu site para melhor. Mesmo sem conhecimento de html e css, criar um link bacana é bem fácil.
Instruções
Passo 1
Em primeiro lugar, vamos criar um link regular. Isso é feito usando o seguinte código: nome do link. Nesse código, a tag é um link. Seu atributo "href" indica o endereço da página para a qual o link leva. Em vez de "título do link", escreva uma palavra ou frase que representará o link
Você também pode adicionar o texto que aparecerá quando você clicar no link. O atributo "título" da tag irá ajudá-lo com isso.
Passo 2
Agora vamos começar a vincular. A maneira mais fácil de fazer isso é em folhas de estilo em cascata (css). Abra o arquivo que contém os estilos para o seu site e escreva mais código lá. Como alternativa, você pode inserir estilos diretamente na página html. Para fazer isso, use o código de personalização de estilo de site.
etapa 3
Vamos começar com o design. A sintaxe da entrada seria a {parâmetros de estilo}. O que devo escrever aqui?
Primeiro, altere a cor dos links de acordo com sua preferência. Este código irá ajudá-lo com isso:
a {cor: # 00000;}. Claro, em vez de "# 00000", você deve inserir sua própria cor. Você pode descobrir o código de cores neste formulário em diferentes programas gráficos (por exemplo, no Photoshop) ou encontrar uma paleta da web.
Passo 4
Por padrão, o navegador deixa os links sublinhados. Isso pode ser cancelado com o seguinte código: a {text-decoration: none;}
Para criar links em negrito, use o parâmetro font-weight: bold;. É inserido no código de estilo da mesma forma que color, underline.
Etapa 5
Você provavelmente notou que em alguns sites, quando você passa o mouse sobre um link, sua aparência muda. Você também pode fazer isso. Um código como este o ajudará a: a: hover {style parameters}. Os parâmetros são especificados da mesma forma que para um link regular, o único valor é a pseudoclasse "hover", que notifica o navegador de que essas configurações devem ser aplicadas ao passar o mouse sobre o link.
Da mesma forma, você pode destacar links visitados: a: visitado {parâmetros de estilo}
