Nesta aula irei ensinar como definir links inserir imagens e sua propriedades e importante você ter visto a aula anterior caso queira personalizar alguns elemento dos links.Links
Inserir um link e algo bem simples preste atenção em sua sintaxe:<a href=”Url”>Texto</a>
Url? Endereço do site exemplo “http://ultranetdicas.blogspot.com.br”
Texto=será o texto que aparecera como link
Por padrão os links são da seguinte forma em todos os navegadores.
<body link=”Cor”> Cor dos links não visitados.
<body vlink=”cor”> Cor dos links previamente visitados.
<body alink=”Cor”> Cor dos links ativos
pode-se definir a cor usando o nome em inglês ou em hexadecimal procure no google para encontrar lista de cores em haxadecimal
exemplo: <body link=”green ou #00FF00”> para colocar os links não visita em verde
Caso necessite de utilizar mais de um dos comandos deve utilizamos em sequencia dessa forma
<body link=”cor” vlink=”cor” alink=”cor”>
Title: este comando serve para dar um titulo ao seu link que aparecera quando o usuário passa o mouse por cima dele sua sintaxe e:
<a href=”Url” title=”texto”>Texto do link</a>
Código hexadecimal
Você já teve curiosidade em saber como funciona o código ? caso sua resposta seja sim você esta prestes a descobrir, já se perguntou porque #FFFFFF e preto ou porque #000000 e branco sem motivo aparente a teoria por trás do código hexadecimal não parece mais na verdade e bem simples o código e dividido em 3 parte sendo elas respectivamente corresponde a vermelho verde e azul a três cores básicas então se você escrever #FF0000 você terá o máximo de vermelho e zero de verde e azul então caso você queira um amarelo por exemplo você precisa escrever #FFFF00 assim você terá o máximo de vermelho o máximo de verde e nada de azul formando o amarelo.Imagem
colocar imagem também não e nada com um grande segredo sendo básica para escrever uma postagem ou fazer um site sua sintaxe básica é:
<img src=”Url da imagen”>
atributo
|
valor
|
Descrição
|
align
|
top
bottom middle left right | alinhamento da foto |
| alt | text | texto alternativo a imagem |
| border | pixels | bordar em torno da imagem |
| height | pixels | especifica a altura da imagem |
| hspace | pixels | Especifica o espaço em branco do lado esquerdo e direito de uma imagem |
| width | pixel | especifica a largura da imagem |
A url pode ser da internet para este caso click com o botão direito do mause na imagem e depois em “abri imagem em uma nova guia” copie a url da imagem e cole
caso esteja postando algo no blog por exemplo mais caso esteja escrevendo um site em seu computador e tenha a imagem baixada copie o endereço dela na pasta junto com a extensão sendo a mais comum a jpeg ou jpg.
exemplo: <img src=”C:\Users\Mateus\Downloads\imagen.jpg”>
Combinando os comandos
já avia falado sobre isso antes no blog mais vou revisar aqui
Ao se combinar os comando de imagem e link você pode criar uma imagem que e um link a sintaxe básica é:
<a href=”Link”><img src=”Imagem”></a>
desta forma pode se criar por exemplo um banner para seu site.
Nenhum comentário:
Postar um comentário