tag:blogger.com,1999:blog-67986318325196085742024-03-12T21:09:08.323-07:00Curso de HTML ®Curso 100% gratuito de HTML com o orientador & professor Emerson Thompson, o curso foi disponibilizado para os alunos da E.E.M.F FRANKLIN TAVORÁ, mais que tambem está disponivel online no blog do curso, para ser acompanhado a distância.Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-6798631832519608574.post-89604323276673528132010-04-16T17:22:00.000-07:002010-04-19T05:08:43.301-07:00RESULTADO DA PROVA DO CURSO DE HTML<center><span style="font-size: large;"><b style="color: lime;">O </b>= <span style="color: lime;">Certa</span> (1,0)<b> |<span style="color: blue;"> /</span></b> = <span style="color: blue;">Quase</span> (0,5) <b>| <span style="color: red;">X</span></b> = <span style="color: red;">Errado</span> (0,0)</span></center><br />
<br />
<br />
<br />
<br />
<center><br />
<span style="font-size: x-small;"><span style="color: #999999;">(Obs; O aluno será aprovado se atingir a média 7,5)</span></span><br />
<br />
<br />
<table border="2"><tbody>
<tr> <td style="background-color: magenta;"><b>ORAL</b></td> <td style="background-color: magenta;"><b>1</b></td> <td style="background-color: magenta;"><b>2</b></td> <td style="background-color: magenta;"><b>3</b></td> <td style="background-color: magenta;"><b>4</b></td> <td style="background-color: magenta;"><b>5</b></td> <td style="background-color: cyan;"><b>PRATICA</b></td> <td style="background-color: cyan;"><b>1</b></td> <td style="background-color: cyan;"><b>2</b></td> <td style="background-color: cyan;"><b>3</b></td> <td style="background-color: cyan;"><b>4</b></td> <td style="background-color: cyan;"><b>5</b></td><td><span style="font-size: large;"><b>NOTA</b></span></td> </tr>
<tr> <td style="background-color: lime;"><b>FABRICIO</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td><td><span style="font-size: large;"><b>= 9,5</b></span></td> </tr>
<tr> <td style="background-color: lime;"><b>DALRILÂNDIO</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: red;"><b>X</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: blue;"><b>/</b></td><td><span style="font-size: large;"><b>= 7,5</b></span></td> </tr>
<tr> <td style="background-color: red;"><b>HYVINNA</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: red;"><b>X</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: red;"><b>X</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td><td><span style="font-size: large;"><b>= 4,0</b></span></td> </tr>
<tr> <td style="background-color: lime;"><b>LUCAS</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: blue;"><b>/</b></td> <td><span style="font-size: large;"><b>= 9,5</b></span></td></tr>
<tr> <td style="background-color: lime;"><b>NICOLE</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: blue;"><b>/</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td><td><span style="font-size: large;"><b>= 8,5</b></span></td> </tr>
<tr> <td style="background-color: red;"><b>RAFAEL</b></td> <td style="color: red;"><b>X</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: blue;"><b>/</b></td><td><span style="font-size: large;"><b>= 5,0</b></span></td> </tr>
<tr> <td style="background-color: red;"><b>ROBÉRIO</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: red;"><b>X</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: red;"><b>X</b></td> <td><b>---------------</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td><td><span style="font-size: large;"><b>= 4,5</b></span></td></tr>
<tr> <td style="background-color: lime;"><b>ANDRÉ</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td><td><span style="font-size: large;"><b>= 8,0</b></span></td> </tr>
<tr> <td style="background-color: lime;"><b>FERNANDO</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: blue;"><b>/</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td><td><span style="font-size: large;"><b>= 9,5</b></span></td> </tr>
<tr> <td style="background-color: lime;"><b>AURILÂNIA</b></td> <td style="color: red;"><b>X</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td><b>---------------</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td style="color: lime;"><b>O</b></td> <td><span style="font-size: large;"><b>= 9,0</b></span></td></tr>
<tr> <td style="background-color: red;"><b>BARBARA</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: blue;"><b>/</b></td> <td><b>---------------</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: red;"><b>X</b></td> <td style="color: blue;"><b>/</b></td><td><span style="font-size: large;"><b>= 1,0</b></span></td> </tr>
</tbody><tbody> </tbody></table></center><br />
<br />
<br />
<span style="font-size: large;"><b><tt>_QUESTÕES: <span style="color: magenta;">ORAL</span></tt></b></span><br />
<br />
<span style="font-size: large;"><b><tt>1. O que é HTML?</tt></b></span><br />
<span style="font-size: large;"><b><tt>2. Qual a função do TAG?</tt></b></span><br />
<span style="font-size: large;"><b><tt>3. Como é reconhecido o TAG?</tt></b></span><br />
<span style="font-size: large;"><b><tt>4. Qual o comando de linha de uma tabela?</tt></b></span><br />
<span style="font-size: large;"><b><tt>5. O que é BODY?</tt></b></span><br />
<span style="font-size: large;"><b><tt><br />
</tt></b></span><br />
<br />
<span style="font-size: large;"><b><tt>_QUESTÕES: <span style="color: cyan;">PRATICA</span></tt></b></span><br />
<span style="font-size: large;"><b><tt><br />
</tt></b></span><br />
<span style="font-size: large;"><b><tt>1. Estrutura basica do site HTML;</tt></b></span><br />
<span style="font-size: large;"><b><tt>2. Cor no fundo do site;</tt></b></span><br />
<span style="font-size: large;"><b><tt>3. Criar nome centralizado,com o tamanho 10;</tt></b></span><br />
<span style="font-size: large;"><b><tt>4. insirir uma imagem no site;</tt></b></span><br />
<span style="font-size: large;"><b><tt>5. Montar uma tabela 2x3 (2 linhas e 3 colunas).</tt></b></span>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-33115238032972237632010-04-08T10:04:00.000-07:002010-04-08T10:06:40.760-07:00<div style="text-align: center;"><span style="font-size: large;"><b>CABEÇALHO NUMA TABELA </b></span></div><br />
<br />
<div style="text-align: center;"><b>O cabeçalho de uma tabela defini-se com o elemento <th></b> </div><br />
<br />
<br />
<table border="1"><br />
<br />
<th>Cabeçalho 1</th><br />
<th>Cabeçalho 2</th><br />
<tr><br />
<td> linha 1, célula 1 </td><br />
</tr><br />
<tr><br />
<td>linha 2, célular 2 </td><br />
</tr><br />
</table><br />
<div style="text-align: center;"><br />
</div><div style="text-align: left;"><br />
<b> -Podem conter dados, textos, imagens e outros elementos HTML. O exemplo seguinte mostra código que cria uma tabela:</b><br />
<br />
<table border="1"><br />
<tr><br />
<td> linha 1, célula 1 </td><br />
</tr><br />
<tr><br />
<td>linha 2, célular 2 </td><br />
</tr><br />
</table><br />
<br />
<br />
</div><div style="text-align: center;"><br />
</div>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-81746967747103026802010-04-08T09:45:00.000-07:002010-04-08T09:45:53.219-07:00<div style="text-align: center;"><span style="font-size: x-large;"><b>TABELA</b></span></div><div style="text-align: center;"><br />
</div><div style="text-align: center;">As tabelas definidas em HTML têm permitido apresentar dados em forma tabular e contruir arranjos de página complexos.</div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><b>Exemplo de aplicações </b></div><div style="text-align: left;"><html></div><div style="text-align: left;"><head></div><div style="text-align: left;"><title> Exemplo</title></div><div style="text-align: left;"> </head></div><div style="text-align: left;"> <body></div><div style="text-align: left;"><h4>Uma coluna:</h4></div><div style="text-align: left;"> </div><div style="text-align: left;"><table border="1"></div><div style="text-align: left;"><tbody></div><div style="text-align: left;"><tr></div><div style="text-align: left;"><td>100</td></div><div style="text-align: left;"></tr></div><div style="text-align: left;"></tbody></div><div style="text-align: left;"></table></div><div style="text-align: left;"><br />
</div><div style="text-align: left;"></div><div style="text-align: left;"><h4>Uma linha e Três colunas:</h4></div><div style="text-align: left;"> <br />
</div><div style="text-align: left;"><table border="1"></div><div style="text-align: left;"><tbody><br />
</div><div style="text-align: left;"><tr><br />
</div><div style="text-align: left;"><td>100</td></div><div style="text-align: left;"><td>200</td></div><div style="text-align: left;"><td>300</td> </div><div style="text-align: left;"></tr></div><div style="text-align: left;"></tbody><br />
</div></table><div style="text-align: left;"><br />
</div><div style="text-align: left;"></div><div style="text-align: left;"><h4>Duas linha e Três colunas:</h4></div><div style="text-align: left;"> <br />
</div><div style="text-align: left;"><table border="1"></div><div style="text-align: left;"><tbody><br />
</div><div style="text-align: left;"><tr><br />
</div><div style="text-align: left;"><td>100</td></div><div style="text-align: left;"><td>200</td></div><div style="text-align: left;"><td>300</td> </div><div style="text-align: left;"></tr></div><div style="text-align: left;"><tr></div><div style="text-align: left;"> </div><div style="text-align: left;"><td>400</td></div><div style="text-align: left;"><td>500</td></div><div style="text-align: left;"><td>600</td> </div><div style="text-align: left;"></tr> </div><div style="text-align: left;"></tbody><br />
</div></table><br />
<br />
<b> -As tabelas constroem-se com o elemento <table>. As linhas da tabela obtêm-se com o elemento <tr>. As células de dados criam-se com o elemento <td>. </b><br />
<div style="text-align: left;"><br />
</div><div style="text-align: center;"><br />
</div>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-76491405975716085122010-04-05T07:14:00.000-07:002010-04-05T07:41:19.988-07:00<div style="text-align: center;"><span style="font-size:180%;"><span style="font-weight: bold;">INSIRIR IMAGENS<br /><span style="font-size:100%;"><span style="font-weight: bold;"></span></span></span></span>As imagens dentro de uma página devem estar preferencialmente no formato ".gif". Hoje em dia os navegadores já conseguem decodificar outros formatos como o ".jpg" e ".rgb".<br />Utiliza-se a seguinte notação para incluir uma imagem: <span style="color: rgb(0, 0, 153);font-size:130%;" ><tt style="font-weight: bold;"><*img src="<span style="color: rgb(255, 0, 0);">diretório/arquivo</span>"><br /></tt></span><span style="font-size:180%;"><span style="font-size:100%;">Caso não estejá dentro de algum diretório (pasta): <span style="font-weight: bold; color: rgb(0, 0, 153);font-size:100%;" ><*img src="<span style="color: rgb(255, 0, 0);">arquivo</span>"><br /><br /></span></span></span><span style="font-weight: bold; color: rgb(0, 0, 153);"><*IMG SRC="<span style="color: rgb(255, 0, 0);">arquivo</span>" WIDTH="<span style="color: rgb(255, 0, 0);">45</span>" HEIGHT="<span style="color: rgb(255, 0, 0);">40</span>" ALT="<span style="color: rgb(255, 0, 0);">nome</span>"> </span>insere o arquivo bell.gif. Opcionalmente foi especificado também o tamanho (WIDTH e HEIGHT) em pixels da imagem, isto não é obrigatório, mas facilita o trabalho do Browser para desenhar a página e é recomendado usar. O item ALT="nome" indica o texto alternativo que aparece no lugar da imagem se ela não for carregada por quem estiver vendo a página (por exemplo se a transmissão for interrompida antes da imagem chegar totalmente).<br /><br /><span style="font-size:180%;"><span style="font-weight: bold;">LINK NAS IMAGENS<br /></span></span><p> Uma imagem pode ser ainda um botão sensível: Para isso basta incluir uma imagem no interior de uma âncora.</p> <span style="font-weight: bold; color: rgb(0, 0, 153);"><*a href="<span style="color: rgb(255, 0, 0);">endereço</span>"><*img src="<span style="color: rgb(255, 0, 0);">arquivo</span>"><*/a></span><br /><br /><br /><span style="font-size:180%;"><span style="font-weight: bold;">IMAGEM NO FUNDO</span></span><br />É possível usar uma imagens como imagem de fundo (background) da página, que o Browser(navegador) usa para preencher toda a tela como um papel de parede usando um recurso chamado de Tiling.<br /> Para definir uma imagem como fundo, coloque no comando <span style="color: rgb(0, 0, 153); font-weight: bold;"><*BODY></span> no início da página:<br /> <span style="font-weight: bold; color: rgb(0, 0, 153);"><*BODY BACKGROUND="<span style="color: rgb(255, 0, 0);">arquivo</span>"></span><br /><br /></div>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-4040681511313350522010-04-05T06:50:00.000-07:002010-04-05T07:13:08.937-07:00<span style="font-size:180%;"><span style="font-weight: bold;">INTERLIGANDO DOCUMENTOS</span></span><br /><br />O principal poder do HTML vem <a name="topo">da sua capacidade </a> de interligar partes de um texto (e também imagens) a outros documentos. Os clientes exibem em destaque estas áreas ou pontos chaves (normalmente com cores diferentes, sublinhado ou em menu) para indicar que se trata de um link, ou interligação, no hipertexto. <p> A marcação <span style="color: rgb(0, 0, 153);"><*A></span>, que define o ponto de partida para os links, é denominada de âncora. Para incluir uma âncora em seu documento: </p><p> </p><ul><li> Inicie a âncora com <a> . (Há um espaço depois de A.) </a></li><li><a> Especifique o documento a ser interligado, inserindo o parâmetro <span style="color: rgb(0, 0, 153); font-weight: bold;">HREF="nome do arquivo" </span>seguido do sinal: <span style="color: rgb(0, 0, 153);">></span><span style="font-weight: bold; color: rgb(255, 0, 0);"> -Obs.:(HREF significa Hypertext Reference)</span></a></li><li><a> Insira o texto que vai funcionar como link no documento corrente </a></li><li><a> Logo após dê o fechamento final da âncora:<span style="color: rgb(0, 0, 153);"> <*/A></span>. </a></li></ul><span style="font-weight: bold;"><a>Um exemplo de referência a um hipertexto:</a></span><a><br /><tt style="font-weight: bold; color: rgb(0, 0, 153);"><*A HREF="index.htm"><span style="color: rgb(255, 0, 0);">Inicio</span><*/A></tt><br /><br /><br />É possível interligar documentos em outro diretório especificando-se o caminho relativo a partir do documento corrente, em relação ao que está sendo interligado.<br />Por exemplo, um link para o arquivo <span style="font-weight: bold;">link1.html</span> localizado no subdiretório (Pasta) chamado <span style="font-weight: bold;">EXEMPLO</span> seria assim:</a><span style="font-family: monospace;"><span style="text-decoration: underline;"><br /> <span style="font-weight: bold; color: rgb(0, 0, 153);"><*A HREF="exemplo/link1.html"></span> <span style="color: rgb(255, 0, 0); font-weight: bold;">Teste</span> <span style="color: rgb(0, 0, 153); font-weight: bold;"><*/A></span><br /> </span></span>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-5008625238909164902010-03-29T16:01:00.000-07:002010-04-05T07:50:26.677-07:00<div style="text-align: center; font-weight: bold;"><br /><span style="font-size:180%;">Tabela de cores abaixos:</span><br /></div><br /><span style="font-weight: bold;">Black</span> (preto) #000000<br /><br /><span style="color: rgb(0, 0, 0); font-weight: bold;">White</span> (branco) #ffffff<br /><br /><span style="font-weight: bold;">Yellow</span> (amarelo) #ffff00<br /><br /><span style="font-weight: bold;">Blue</span> (azul) #0000ff<br /><br /><span style="font-weight: bold;">Green</span> (verde) #00ff00<br /><br /><span style="font-weight: bold;">Dark Green</span> (verde escuro) #2f4f2f<br /><br /><span style="font-weight: bold;">Red</span> (vermelho) #ff0000<br /><br /><span style="font-weight: bold;">Magenta</span> (rosa) #ff00ff<br /><br /><span style="font-weight: bold;">Cyan</span> (ciano) #00ffffEmerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-83689747032480117712010-03-29T15:42:00.000-07:002010-03-29T16:01:45.703-07:00*Tags <*FONT> ... <*/FONT><br />Vamos agora formatar as fontes da nossa pagina. Para isso vamos usar o tag FONT com seus complementos: FACE , COLOR e SIZE .<br /><br />O <*FONT FACE= "FONTE"> irá definir que tipo de fonte que seu texto irá utilizar.<br />Exemplo:<br /><br /><*FONT FACE= "TIMES"> Coloque aqui seu texto <*/FONT><br /><br />O <*FONT SIZE= "TAMANHO DA FONTE"> irá definir qual o tamanho que a fonte utilizará.(é aconselhavel que se utilize os padrões de 1 a 6).<br />Exemplo:<br /><br /><*FONT SIZE= "2"> Seu texto pequeno <*/FONT><br /><*FONT SIZE= "6"> Seu texto grande <*/FONT><br /><br />O <*FONT COLOR= "COR"> ira colocar uma cor na fonte escolhida.<br />Exemplo:<br /><br /><*FONT COLOR= "BLACK"> Veja um texto de cor preta <*/FONT><br /><br />As cores deveram ser escrita em inglês ou codigo hexadecimal, que veremos depois.<br /><br />Todos esses complementos de tag podem ser usados juntos dentro de um só tag, o que facilita a nossa vida. Por Exemplo:<br /><br /><*FONT FACE= "ARIAL" COLOR= "RED" SIZE= "3"> Assim seu texto ficará do seu gosto <*/FONT>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-18189626648330788222010-03-29T15:39:00.000-07:002010-04-05T07:49:55.143-07:00<div style="text-align: center; font-weight: bold;"><span style="font-size:180%;">TAGS PARA FORMATAR SUA PAGINA </span><br /><br />*Formatação e Estilos de Texto<br />Todos esses TAGS de formatação e estilos de textos devem ter seu tag de fechamento, pois senão se espalhará em toda sua pagina e não só onde você escolheu. Vamos ver os principais estilos de texto:<br /><br />NEGRITO <span style="color: rgb(51, 51, 255);"><*B></span> Texto <span style="color: rgb(51, 51, 255);"><*/B></span> Deixa o texto em negrito<br /><br />ITÁLICO <span style="color: rgb(51, 51, 255);"><*I></span> Texto <span style="color: rgb(51, 51, 255);"><*/I></span> Deixa seu texto itálico<br /><br />SUBLINHADO <span style="color: rgb(51, 51, 255);"><*U></span> Texto <span style="color: rgb(51, 51, 255);"><*/U></span> Deixa seu texto sublinhado<br /><br />LETREIRO <span style="color: rgb(51, 51, 255);"><*MARQUEE></span> Texto <span style="color: rgb(51, 51, 255);"><*/MARQUEE></span> Cria o efeito da proteção de tela "Marquee" do Windows<br /><br />PULSANTE <span style="color: rgb(51, 51, 255);"><*BLINK></span> Texto <span style="color: rgb(51, 51, 255);"><*/BLINK></span> Cria um efeito "pisca-pisca" no texto<br /><br />É importante saber que nem todos TAGS como "Marquee & Blink" funcionam em alguns Navegadores<br /></div>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-77288465224030455572010-03-29T15:15:00.000-07:002010-04-05T07:49:41.428-07:00<div style="text-align: center;"><span style="font-weight: bold;font-size:180%;" >CRIANDO SITES HTML</span><span style="font-size:180%;"> </span><br /></div><br />Chegou a parte boa,Agora que já aprendemos algumas técnicas, como criar um pagina HTML,salvá-la com a extesão HTML abrir e vê-la em nosso navegador , vamos formatar tudo o que for possivel , para dar um ar mais profissional em sua pagina. Afinal, no exemplo que fizemos ate agora o fundo não tem cor, nossas fontes são estáticas o que torna o conjunto da pagina feio.<br />Vamos ver agora alguns tags que ajudarão a tornar nossas paginas motivo de inveja para qualquer um.<br /><br /><div style="text-align: center; font-weight: bold;"><br /></div>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-13827620721209481022010-03-29T15:12:00.000-07:002010-04-05T07:49:26.728-07:00<div style="text-align: center;"><span style="font-size:180%;">E</span><span style="font-weight: bold;font-size:180%;" >STRUTURA BASICA DE UMA PAGINA</span><span style="font-size:180%;"> </span><br /></div><br />O TAG <span style="color: rgb(51, 51, 255);"><*HTML> </span>- que será usado em conjuto com seu tag de fechamento <span style="color: rgb(51, 51, 255);"><*/HTML></span> e será colocado no inicio e no final do documento, delimitando a área onde serão colocados os TAGS HTML.<br /><br />O TAG <span style="color: rgb(51, 51, 255);"><*HEAD></span> - que também terá seu tag de fechamento <*/HEAD> e servirá para delimitar uma área de cabeçalho com poucos TAGS (não é necessario esse TAG para sua pagina funcionar)<br /><br />O TAG <span style="color: rgb(51, 102, 255);"><*TITLE></span> - que será usado dentro dos tags <span style="color: rgb(51, 51, 255);"><*HEAD></span> e servirá apenas para colocar um titulo que aparecerá na barra de titulo do seu navegador (não esqueça o <span style="color: rgb(51, 51, 255);"><*/TITLE></span>).<br /><br />Os TAG <span style="color: rgb(51, 51, 255);"><*BODY><*/BODY></span> serão colocados todos os comandos, textos e imagens da sua pagina. Será o corpo da sua pagina.<br />*Veja um exemplo de estrutura (como tudo começar):<br /><br /><span style="color: rgb(51, 51, 255);"><*HTML></span><br /><br /><span style="color: rgb(51, 51, 255);"><br /><*HEAD></span><br /><br /><span style="color: rgb(51, 51, 255);"><br /><*TITLE> <span style="color: rgb(0, 0, 0);">Titulo da pagina</span> <*/TITLE></span><br /><br /><span style="color: rgb(51, 51, 255);"><br /><*HEAD></span><br /><br /><span style="color: rgb(51, 51, 255);"><br /><*BODY></span><br /><br />Aqui você coloca os comandos em HTML, seus Textos e Imagens.<br /><br /><span style="color: rgb(51, 51, 255);"><*/BODY></span><br /><br /><span style="color: rgb(51, 51, 255);"><*/HTML></span><br /><br />Vá até a opção Arquivo - Salvar Como - e salve o exemplo acima como TESTE.HTMLEmerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-72337896945068971642010-03-29T14:56:00.000-07:002010-04-05T07:49:13.090-07:00<div style="text-align: center;"><span style="font-weight: bold;font-size:180%;" >COMANDOS HTML - TAGs</span> <br /></div><br />Os comandos <span style="color: rgb(51, 51, 255);">HTML</span> são chamados de Tags, eles irão dizer ao Browser (Navegador) como o texto,a informação e as imagens serão exibidas. Por Exemplo, um tag pode dizer que um texto será exibido em negrito, itálico e com um tipo de fonte qualquer.<br />Os Tags são identificados por serem envolvidos pelos sinais <span style="color: rgb(255, 0, 0);">< ></span> ou <span style="color: rgb(255, 0, 0);"><!-- --></span> Entre os sinais <!-- --> são especificados os <span style="font-weight: bold;">TAGS</span> propiamente dito. no caso do tags que precisem envolver um texto, a sua finalização deverá ser feita usando a barra de divisão "/", indicando q o tag esta finalizando a marcação de um texto ou comando.<br /><span style="font-weight: bold;">*EXEMPLO:</span><br /><span style="color: rgb(255, 0, 0);"><nome> <*nome do tag>Texto<*/nome do tag><br /></nome></span>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0tag:blogger.com,1999:blog-6798631832519608574.post-75488484152438921422010-03-29T11:03:00.000-07:002010-04-05T07:48:59.745-07:00<div style="text-align: justify;"><div style="text-align: center;"><span style="font-weight: bold;font-size:180%;" >HTML</span><span style="font-size:180%;"><br /><br /></span></div> abreviação de <span style="font-style: italic; color: rgb(51, 51, 255);">HiperTex Markup Language</span> é a linguagem de progamação que usamos para criar uma pagina Web. que por sua vez será composta de textos e comandos especiais que chamaremos de <span style="color: rgb(51, 51, 255); font-style: italic;">Tags</span>. Calma! não se assustem com o nome, pois se trata de uma linguagem muito simples, que tem como finalidade basica formatar e imagens exibidas, criando ligações entre paginaWeb.</div>Emerson Thompsonhttp://www.blogger.com/profile/05046879626712926222noreply@blogger.com0