Criar assinatura de e-mail em HTML padronizada

Criar assinatura de e-mail em HTML padronizada

Criar uma assinatura de e-mail é um processo bastante simples em diversos programas. Porém, pode não ficar padronizado para todos, ou mesmo exige a configuração manual em cada um dos programas utilizados. Esse problema não ocorre se você criar uma assinatura em HTML. Mas isso exige conhecimento em programação, não é?

Não necessariamente, já que é possível utilizar um modelo pronto. Basta utilizar um código pré-formatado e inserir as informações relevantes, sendo algo semelhante aos modelos de currículo que você encontra na internet. Vamos mostrar como fazer isso nas próximas linhas.

Assinatura em HTML

O HTML (Hypertext Markup Language - Linguagem de Marcação de Hipertexto em português) é a linguagem das páginas web, explicando de uma forma simples. Sabe quando você clica em um link, que aparece destacado do resto do texto? É o HTML em ação.

Uma das principais vantagens de usar o HTML para criar uma assinatura é a padronização. Como é a linguagem que os navegadores “entendem”, essa assinatura será lida exatamente da mesma forma sempre. Não importa qual é o sistema operacional ou navegador: a assinatura será exatamente a mesma.

Modelo

O modelo que vamos usar é o seguinte:

Não se preocupe! Colocamos o código em formato texto no final deste artigo. Basta copiar e colar em um editor de textos e substituir as informações relevantes. Quais informações? Basicamente 3 áreas:

1

Aqui temos a fonte da imagem. Utilizamos uma imagem disponível na internet apenas como exemplo, mas você pode escolher a origem que preferir. Basta digitar o endereço da imagem após o “

2

Aqui vai o seu nome.

3

Aqui temos os detalhes de contato. Você pode inserir (ou remover) as redes que preferir, bastando seguir o padrão: Campo: Dados do campo.

O 'br' é uma tag que “pula” para a outra linha. Ou seja, se você inserir um campo é necessário dizer ao código para continuar na próxima linha. Exceto a última, é claro, já que não há linhas adicionais.

O exemplo de código que utilizamos resulta em:

Agora basta usar o código abaixo, criar a sua assinatura e inserir nas suas aplicações preferenciais.

<table>  	<tbody>  		<tr>  			<td style='font-size: 11px; text-align: center;' valign='top' data-mce-style='font-size: 11px; text-align: center;'>  				<a href='https://www.canaltech.com.br' target='_blank' data-mce-href='https://www.canaltech.com.br'><img s='' rc='https://cdn6.aptoide.com/imgs/3/d/f/3dfd1c49bc49d3f8842afad439a7140a_icon.png?w=64' border='0'></a>  			</td>  			<td style='font-size: 11px; padding-left: 11px;' data-mce-style='font-size: 11px; padding-left: 11px;'>  				<strong>Tyler George Durden Carlin</strong><br>   				<strong>Fone:</strong> (11) 1234 5678 (11) 91234 5678<br>   				<strong>Site:</strong> <a href='https://www.canaltech.com.br' target='_blank' data-mce-href='https://www.canaltech.com.br'>www.canaltech.com.br</a><br>  				<strong>Twitter:</strong>@perfil-Twitter<br>  				<strong>Facebook:</strong>@badge-Facebook<br>  				<strong>Skype:</strong> nome-Skype  			</td>  		</tr>  	</tbody>   </table>

Fonte: Canal Tech

Comentários

Postagens mais visitadas

HDC74X1 - Receptor NET HD MAX Configuração

DCR7121 - Receptor HD Philips Configuração

F90 Lexuzbox - Configuração CS DUMP Receptor

TL-WR1043ND - DD-WRT Configuração