Tags (atributos) PDF Imprimir E-mail
Ter, 23 de Julho de 2013 09:03

Os atributos são códigos dentro de tags para definir estilos, formas, configurações...

ESTILO DE CORPO
<body style="atributo">
- "backgroud-color:#E9E9E9;" = cor de fundo (cinza)

ESTILO DE PARÁGRAFO
<p style="atributo">
- "background-color:black;"
= cor de fundo (preto)
- "color:#000000;" = cor do texto (preto)

LINK PARA E-MAIL
<a href=mailto:e-mail>texto do link</a>

LINK COM TEXTO
<a href = "link">texto do link</a>
- "http://www.site.com.br" = link de uma url
- "pagina2.html" = link para página (mesmo diretório)
- "../pagina2.html" = link para página (diretório acima)
- "diretorio/pagina2.html" = link para página (diretório abaixo)
- title="descrição do link" = descrição do link (ao passar o mouse)

LINK COM IMAGEM
<a href = "link"><img src = "imagem.jpg"></a>
- title:"título da imagem"
= inserir título na imagem (ao passar o mouse)
- border:"0" = tamanho da borda (em pixels)

IMAGEM
<img src = "imagem" />
- "http://www.site.com.br/imagem.jpg"
= imagem de uma url
- "imagem.jpg" = imagem de um mesmo diretório
- alt="texto" = descrição da imagem
- title="texto" = título da imagem
- width="300" = largura da imagem (em pixels)
- height="80" = altura da imagem (em pixels)

TABELA
<table><tr><td>célula1linha1</td><td>célula2linha1</td></tr></table>
- <table border="
1" width="25%"> = tabela com borda
- <td align="left">célula</td> = alinhamento horizontal do conteúdo
- <valign="top">célula</td> = alinhamento vertical do conteúdo
- <td colspan="3">célula</td> = número de colunas em uma célula
- <td rowspan="4">célula</td> = número de linhas em uma célula

FONTES
<font atributos>texto</font>
- size="
3" = define o tamanho (de 1 a 7, sendo 3 o padrão)
- face="Times" = define a fonte a ser usada
- color="black" = define a cor da fonte (preto)