Fundador 403 - Forbiddeen Postado Julho 14, 2018 Fundador Compartilhar Postado Julho 14, 2018 Noções Basicas HTML - Imagens #2 Imagens de Fundo e Cores de Fundo Cor de Fundo Para usar cores de fundo deve-se procurar uma combinação entre a cor de fundo e a cor do texto que não dificulte a leitura. Normalmente as cores de fundo claras funcionam bem com uma cor de texto escura. Para usar uma cor de fundo na sua página você deve usar o seguinte código dentro da tag <body>: Pode também utilizar os códigos HEX para definir as cores que combinem melhor. Inserir uma Imagem de Fundo Se você quiser definir uma imagem de fundo use o seguinte código: Lembre-se que "fotos/imagem.jpg" é a localização do ficheiro da imagem. Trata-se de um URL relativo que aponta para a pasta "fotos" que está no seu site. Pode também usar um URL absoluto, que pode também apontar para o seu site ou então para outra imagem localizada algures na internet. Um exemplo do código da imagem de fundo com URL absoluto é: Inserir Imagens A tag para se inserir imagens é <img src="imagem.jpg"> . Deve-se ter em atenção que o endereço da imagem a introduzir em "src" deve ter em conta a pasta onde a imagem está arquivada no servidor. Assim se a nossa página estiver na raiz, e a imagem estiver numa pasta chamada "fotos", a nossa tag para aquela imagem deveria ser: Atributo "alt" O atributo "alt" deve ser usado para quando queremos que um texto apareça sempre que passarmos o rato sobre a imagem. Este texto também aparece como texto descritivo quando a exibição das imagens não está ativa. A tag fica: Definir Altura e Largura Para a largura usa-se o atributo "width" e para altura o "height". Podem-se definir os valores em pixels ou em percentagem: Definir Altura e Largura Para a largura usa-se o atributo "width" e para altura o "height". Podem-se definir os valores em pixels ou em percentagem: Múltiplos Atributos Se quisermos definir as dimensões da imagem, um contorno, e um texto "alt", podemos definir a tag com todos esses atributos. A ordem em que os colocamos não é importante: Autor Nakamura Categoria HTML | CSS | Javascript Enviado 14-07-2018 14:16 Antes de perguntar, visite a Wiki GGames | Quer GCoins? Junte-se ao meu Clube. Junta-se ao Telegram Oficial do GGames, lá pode falar de tudo! | Clique aqui Link para o comentário Compartilhar em outros sites More sharing options...
Posts Recomendados
Crie uma conta ou entre para comentar
Você precisar ser um membro para fazer um comentário
Criar uma conta
Crie uma nova conta em nossa comunidade. É fácil!
Crie uma nova contaEntrar
Já tem uma conta? Faça o login.
Entrar Agora