Imagens
As imagens é outro tipo de código, como a quebra de linha (<br> em HTML ou <br /> em XHTML) que não fecham da mesma maneira que a maioria das tags. Para adicionar imagens a uma página:
- <img src="imagem.jpg" width="400" height="200" border="1" alt="descrição">
- Width: largura
- Height: altura
- Border: contorno
- Alt: texto alternativo. Se não colocares nada, coloca:
alt=""
- "imagem.jpg"
- Conteúdo do site
Normalmente deverá ser uma pequena imagem tipo padrão, que ficará bem se repetir (em mosaico), ou uma maior que ocupe a área de fundo toda que é visível na resolução da página pelo utilizador. Ver tutoriais do Photoshop para imagens padrões de fundo.
Em CSS também podemos definir uma imagem de fundo se a sua posição estará fixa ou se scrollará à medida que descemos ou subimos na página também. Esta última está por default.
- <style type="text/css">
- body {
- background-image: url(imagem.jpg);
- background-position: fixed;
- }
Ou podemos encurtar:
- <style type="text/css">
- body {
- background: url(imagem.jpg) fixed;
- }
Posição Scroll, mas também pode-se omitar:
- <style type="text/css">
- body {
- background: url(imagem.jpg) scroll;
- }
