http://www.MenuDaInternet.com/HTML
http://www.MenuDaInternet.com/blogHTML
Tudo sobre HTML


 

Pesquisar:     

Postagem do dono do blog: (30/09/2010 20:01:54)
Trabalhando com DIV, usando a propriedade float para alinhamento:
 

<html>

<head runat="server">

    <title>DIV HTML</title>

</head>

<body>

    <div style="float:left ;border-style:solid" >

    div alinhado a esquerda  1

    </div>

    <div style="float:left;border-style:solid" >

    div alinhado a esquerda  2

    </div>    <br /><br />

    <div style="border-style:solid" >

    div sem alinhamento depois de uma quebra de linha

    </div>  

    <div style="float:right;border-style:solid" >

    div alinhado a direita 4

    </div>      

</body>

</html>
 


Postagem do dono do blog: (16/09/2010 20:43:29)
Trabalhando com links para outras paginas  mesma pagina.
 

<HTML>

<HEAD>

<TITLE>Trabalhando com links</TITLE>

</HEAD>

<BODY>

<!-- Aqui estamos inserindo uma tag <A ..> usando a propriedade "href" para apontar para o link -->

<A href="http://www.meusquadrados.com/blogHTML">Link para o blog</A>

<br />

<br />

<!-- Aqui estamos inserindo uma tag <A ..> usando a propriedade "href" e o caracter "#" para ir para links da mesma pagina(Ancora) -->

<a href="#LinkMesmaPAgina">Ira para LinkMesmaPagina</a>

<br />

<br />

Aqui fica o conteudo da sua pagina

<br />

<br />

<br />

<br />

<br />

<br />

<a id="LinkMesmaPAgina"><h3>Aqui é um endereço de destino do link para mesma pagina</h3></a>

</BODY>

</HTM>
 


Postagem do dono do blog: (16/09/2010 20:41:14)
Continuação do exemplo abaixo.
Exemplo de como criar tabelas e alterar seus atributos e propriedades.

 
...

<table>

<tr>

 <th>Nome</th>

 <th>Ana</th>

 <th>Carlos</th>

</tr>

<tr>

<!-- Linha ocupando espaço de duas linhas -->

 <th rowspan=2>Telefone</th>

 <th>11</th>

 <th>SS</th>

</tr>

<tr>

<th>20930000</th>

<th>20930000</th>

</tr>

</table>

</BODY></HTML>
 


Postagem do dono do blog: (16/09/2010 20:40:19)
Exemplo de como criar tabelas e alterar seus atributos e propriedades.

 

<HTML><HEAD><TITLE>Exemplo de tabelas em HTML</TITLE></HEAD>

<body>

<!-- Tabela com borda de tamanho 1, espaço entre as celulas igual a 1 e espaçamento entre o texto e celula igual a 1  -->

<table Border=1 cellspacing=1 CELLPADDING=1 borderCOLOR="blue">

<tr >

 <td width=100px>Celula 1 com largura de 100px</td>

 <td align=right>Celula 2 com alinhamento para direita</td>

 <td bgcolor=red>Celula 3 com cor vermelha</td>

</tr>

<tr>

 <td height=100px>Celula 1 da linha 2 com altura 100 pixels</td>

 <td>Conteúdo normal</td>

 <td>Celula com uma imagem <img src="http://www.meusquadrados.com/img/meusquadrados.jpg"></td>

</tr>

</table>

<table border=1>

<tr>

 <th>Nome</th>

 <th Colspan=2>Telefone(ocupando duas colunas)</th>

</tr>

<tr>

 <th>Ana Maria Cristina Souza</th>

 <th>11</th>

 <th>2093-4040</th>

</tr>

<tr>

 <th>Carlos</th>

 <th>11</th>

 <th>2093-4040</th>

</tr>

</table>

 
...


Postagem do dono do blog: (16/09/2010 20:39:56)
Trabalhando com Animações (movimentos) de objetos, textos e imagens.
Estamos utilizando a tag
<marquee> para conseguir esse feito.
 
 

<HTML>

<HEAD>

<TITLE>Animando objetos, textos e imagens em HTML</TITLE>

</HEAD>

<BODY>

<!-- Animando um texto -->

<marquee>

Ola, esse é um exemplo de animação de texto

</marquee>

<br />

<!-- Animando um texto mas ao chegar no final da tela volta em direção oposta, alterando a propriedade behavior -->

<marquee behavior=alternate>

Ola, esse é um exemplo de animação de texto ping pong

</marquee>

 

<!-- Animando uma imagem -->

<marquee>

<img src="http://www.meusquadrados.com/img/meusquadrados.jpg">

</marquee>

</BODY>

</HTML>