Criando um Site – Parte 6

Olá, pessoal

Agora é a continuação do tutorial Criando um Site (não vou dar aquela introdução). Hoje vocês vão aprender alguns recursos de tabela, a criar ícones de favoritos, a mandar e-mails e uma introdução sobre Formulários HTML, assunto da Parte 7.

Bom, alguns recursos novos da Tabela HTML…

Tag <th>: Significa table header. É o cabeçalho da tabela, onde ficam as informações do topo da tabela. Por exemplo:

<table border="1">
<tr><th>Nome</th><th>Celular</th></tr>
<tr><td>Lucas</td><td>1234-5678</td></tr>
</table>

Renderizado ficaria assim:

Atributo width: Largura da tabela. Ele é o atributo das tags <table> e <td>, mas o último é mais usado com porcentagem. O atributo width quando usado na tag td não pode ultrapassar o atributo da tag <table>, se estiver.

Ícone de favoritos

Você pode querer colocar o ícone de favoritos para facilitar a identificação da página. Muitas páginas tem esse ícone. Veja:

Você deve inserir o seguinte código entre as tags <head> e </head>. Não é na <body>, é na <head>

<link rel="shortcut icon" href="favico.ico" />

A tag link serve para “linkar” coisas à sua página web.
O href  é onde está o seu ícone, como exemplo, um arquivo “favico.ico”. O ícone deve ter a extensão ico.
Para criar o ícone sugiro o IcoFX, um ótimo programa gratuito de criação de ícones.

Mandando e-mails

Para mandar e-mails usando HTML você deverá usar a tag <a>. Assim:

<a href="mailto:email@provedor.com.br"> E-mail para mim </a>

O prefixo mailto sugere que você quer mandar um e-mail, e o endereço que vem depois é o destinatário, ou seja, para quem você quer mandar o e-mail. O incoveniente é que você precisa ter um programa de e-mail.

E se você quiser mandar com algum assunto? Nesse caso:

<a href="mailto:email@provedor.com.br?subject=Assunto">
E-mail para mim </a>

O prefixo subject sugere assunto. Ou seja, se você quer mandar algum assunto, use-o!

Como eu estava falando, se você estiver sem programa de e-mail, como o Outlook Express, o Windows Live Mail ou o Thunderbird, você não pode acessar. Mas como a maioria tem um desses três, então pode ficar tranquilo. Ou coloque o seu e-mail na página também

Então, ok?
Na próxima página eu vou dar uma pequena introdução sobre formulários, e como você pode usá-los.

Anúncios

Publicado em 16/08/2010, em Nível médio, tutoriais e marcado como , , . Adicione o link aos favoritos. 2 Comentários.

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: