Materiais/Cursos
- Pessoal
- Alimentação
- Extras
- Jogos e Esportes
- Informática
- Artes
- Telefônia
- Dinheiro
- Música
- Concursos
- Adulto
 
Dicas e Guias
- Artes e Cultura
- Ciências e Experiências
- Compras e Serviços
- Culinária e Receitas
- Dinheiro e Finanças
- Educação e Sabedoria
- Esportes e Jogos
- Estética e Beleza
- Estudos Bíblicos
- Fontes de Referência
- Games e Truques
- Histórias e Contos
- Humor e Piadas
- Internet e Informática
- Lazer e Diversão
- Limpeza e Consertos
- Mágicas e Truques
- Música e Instrumentos
- Saúde e Tratamentos
- Outros - Variados
Escreva uma Dica!
Mensagens
- Amizade
- Estudos e Cursos
- Humor
- Natureza
- Pessoa
- Reflexão
- Religiosa
- Saúde
- Vida
Envie sua Mensagem
 
Sites de Conteúdo Gratuito
- acesso grátis
- albúm de foto
- agenda virtual
- antivírus grátis
- bate papo
- blogs & Cia
- bookmarks
- brindes e prêmios
- cartões virtuais
- classificados virtuais
- cliparts grátis
- comparação de preços
- culinária
- dinheiro
- discos virtuais
- downloads
- drives
- ebook grátis
- email grátis
- educação
- empregos
- fontes grátis
- humor
- infantil
- jornal e revistas
- leilões virtuais
- lista de discussão
- música gratis cifra
- música grátis mp3
- namoro online
- tradutores online



Receba
Novidades em seu e-mail

Curso de HTML
Material de Curso de HTML Gratuito



Inserindo uma imagem como hyperlink .

É comum usar botões para entrar e sair de uma página. Vamos usar um
botão para voltar para a primeira página teste.

Digite:<a href=”teste.htm”> Isso aponta para a página teste.
Insera a tag da figura agora, neste caso um botão para voltar.
Digite:<img src=”voltar.gif” alt=”voltar” height=30 width=60>
Agora feche o hyperlink com</a>

Exemplo completo:

<a href=”teste.htm”>
<img src=”voltar.gif” alt=”voltar” height=30 width=60>
</a>

Tag para cores

Digite:

<font color="red">Texto aqui</font>

Branco White
Preto Black
Azul Blue
Amarelo Yellow
Verde Green
Laranja Orange
Vermelho Red
Rosa Pink
Cinza Gray
Ouro Gold
Verde azulado Teal
Azul marinho Navy
Prata Silver

Resultado vai ser:

<p><font color=”red”>como vai</font></p>

Tabela

Vamos criar uma tabela para apostilas com preços e informações sobre cada apostila.
Como criar uma tabela com a linguagem Html.

Digite:

<p align="center">Compre uma apostila</p>
<table border="2" cellpadding="2" cellspacing="1" width="80%">
<tr>
<td width="33%">Apostila</td>
<td width="33%">Atributos</td>
<td width="33%">Valor em reais</td>
</tr>
<tr>
<td width="33%">Delphi 3</td>
<td width="33%">Aprenda a programar em Delphi</td>
<td width="33%">R$ 20, 00 </td>
</tr>
<tr>
<td width="33%">Visual Basic</td>
<td width="33%">Aprenda a programar em Visual Basic</td>
<td width="33%">R$ 40, 00 </td>
</tr>
</table>

Resultado da tabela acima.

Compre uma apostila

Apostila Atributos Valor em reais
Delphi 3 Aprenda a programar
em Delphi
R$ 20, 00
Visual Basic Aprenda a programar
em Visual Basic
R$ 40,00

Veja o resultado tabela.htm

O que você precisa saber é que, quanto mais você inserir <td> entre <tr> e </tr> mais partes sua tabela terá. A Tabela começa com <table> e termina com a tag de fechamento</table>. Width faz referência a largura. Border a borda, se você não colocar border sua tabela não vai ter bordas. TR significa( Table row), que marca uma linha de tabela. TD( Table Data) que são as células para os dados. Os valores em %, indica o tamanho ocupado em cada espaço na tabela . Podendo ser um maior e outro menor.

Formatar o texto

Vamos ver agora alguns complementos que funcionem em ambos browser.

Negrito e itálico.

Basta digitar

<p><i>texto aqui</i></p>. Resultado <p><i>como vai </i></p>

Negrito digite
<p><b>texto aqui</b></p>. Resultado<p><b>como vai </b></p>

Linha divisória:

<hr>

Marcadores :

<li>texto aqui</li>
Isso faz com que o texto que você tenha digitado tenha uma pequena bolinha em sua frente.

O resultado vai ser este

• tudo bem.

Teste de tamanhos .

<h1>tamanho maior e <h6> tamanho menor.
<h1>Texto aqui</h1>
<h2>Texto aqui</h2>
<h3>Texto aqui</h3>
<h4>Texto aqui</h4>
<h5>Texto aqui</h5>
<h6>Texto aqui</h6>

Para Netscape:

Um testo que pisca .
<blink> texto aqui</blink>
Texto em duas colunas:
<multicol >
Exemplo:
< multicol cols=2>
texto aqui
</multicol>

Página Anterior
Próxima Página
voltar próximo
1 - 2 - 3 - 4 - 5

 
 

 

IdealGratis.com © Copyright - Todos os direitos reservado aos seus respectivos Autores. - Envie seu Material - | Parceiros
Escolha seu Idioma:
English (British)
Spanish
French
Italian
Deutsch