• Convallis consequat

    Lorem ipsum integer tincidunt quisque tristique sollicitudin eros sapien, ultrices primis volutpat tempor curabitur duis mattis dapibus, felis amet faucibus...

  • Augue nullam mauris

    Lorem ipsum integer tincidunt quisque tristique sollicitudin eros sapien, ultrices primis volutpat tempor curabitur duis mattis dapibus, felis amet faucibus...

  • Donec conubia volutpat

    Lorem ipsum integer tincidunt quisque tristique sollicitudin eros sapien, ultrices primis volutpat tempor curabitur duis mattis dapibus, felis amet faucibus...

  • Primis volutpat tempor

    Lorem ipsum integer tincidunt quisque tristique sollicitudin eros sapien, ultrices primis volutpat tempor curabitur duis mattis dapibus, felis amet faucibus...

sexta-feira, 16 de abril de 2010

RESULTADO DA PROVA DO CURSO DE HTML

O = Certa (1,0) | / = Quase (0,5) | X = Errado (0,0)






(Obs; O aluno será aprovado se atingir a média 7,5)


ORAL 1 2 3 4 5 PRATICA 1 2 3 4 5NOTA
FABRICIO / O O O O --------------- O O O O O= 9,5
DALRILÂNDIO O / O O O --------------- O O X / /= 7,5
HYVINNA O X O O X --------------- O X X X X= 4,0
LUCAS O O O O O --------------- O O O O / = 9,5
NICOLE / O O O / --------------- O O O / O= 8,5
RAFAEL X / O O O --------------- O X X X /= 5,0
ROBÉRIO / X O O X --------------- / O / X X= 4,5
ANDRÉ O / O O O --------------- O / / / O= 8,0
FERNANDO O / O O O --------------- O O O O O= 9,5
AURILÂNIA X O O O O --------------- O O O O O = 9,0
BARBARA X X X X / --------------- X X X X /= 1,0



_QUESTÕES: ORAL

1. O que é HTML?
2. Qual a função do TAG?
3. Como é reconhecido o TAG?
4. Qual o comando de linha de uma tabela?
5. O que é BODY?



_QUESTÕES: PRATICA


1. Estrutura basica do site HTML;
2. Cor no fundo do site;
3. Criar nome centralizado,com o tamanho 10;
4. insirir uma imagem no site;
5. Montar uma tabela 2x3 (2 linhas e 3 colunas).

quinta-feira, 8 de abril de 2010

CABEÇALHO NUMA TABELA


O cabeçalho de uma tabela defini-se com o elemento <th>



<table border="1">

<th>Cabeçalho 1</th>
<th>Cabeçalho 2</th>
<tr>
<td> linha 1, célula 1 </td>
</tr>
<tr>
<td>linha 2, célular 2 </td>
</tr>
</table>


  -Podem conter dados, textos, imagens e outros elementos HTML. O exemplo seguinte mostra código que cria uma tabela:

<table border="1">
<tr>
<td> linha 1, célula 1 </td>
</tr>
<tr>
<td>linha 2, célular 2 </td>
</tr>
</table>



TABELA

As tabelas definidas em HTML têm permitido apresentar dados em forma tabular e contruir arranjos de página complexos.

Exemplo de aplicações
<html>
<head>
<title> Exemplo</title>
</head>
<body>
<h4>Uma coluna:</h4>
<table border="1">
<tbody>
<tr>
<td>100</td>
</tr>
</tbody>
</table>

<h4>Uma linha e Três colunas:</h4>

<table border="1">
<tbody>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
</tbody>
</table>

<h4>Duas linha e Três colunas:</h4>

<table border="1">
<tbody>
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td> 
</tr>
</tbody>
</table>

-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>.


segunda-feira, 5 de abril de 2010

INSIRIR IMAGENS
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".
Utiliza-se a seguinte notação para incluir uma imagem: <*img src="diretório/arquivo">
Caso não estejá dentro de algum diretório (pasta): <*img src="arquivo">

<*IMG SRC="arquivo" WIDTH="45" HEIGHT="40" ALT="nome"> 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).

LINK NAS IMAGENS

Uma imagem pode ser ainda um botão sensível: Para isso basta incluir uma imagem no interior de uma âncora.

<*a href="endereço"><*img src="arquivo"><*/a>


IMAGEM NO FUNDO
É 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.
Para definir uma imagem como fundo, coloque no comando <*BODY> no início da página:
<*BODY BACKGROUND="arquivo">

INTERLIGANDO DOCUMENTOS

O principal poder do HTML vem da sua capacidade 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.

A marcação <*A>, que define o ponto de partida para os links, é denominada de âncora. Para incluir uma âncora em seu documento:

Um exemplo de referência a um hipertexto:
<*A HREF="index.htm">Inicio<*/A>


É 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.
Por exemplo, um link para o arquivo link1.html localizado no subdiretório (Pasta) chamado EXEMPLO seria assim:

<*A HREF="exemplo/link1.html"> Teste <*/A>

segunda-feira, 29 de março de 2010


Tabela de cores abaixos:

Black (preto) #000000

White (branco) #ffffff

Yellow (amarelo) #ffff00

Blue (azul) #0000ff

Green (verde) #00ff00

Dark Green (verde escuro) #2f4f2f

Red (vermelho) #ff0000

Magenta (rosa) #ff00ff

Cyan (ciano) #00ffff
*Tags <*FONT> ... <*/FONT>
Vamos agora formatar as fontes da nossa pagina. Para isso vamos usar o tag FONT com seus complementos: FACE , COLOR e SIZE .

O <*FONT FACE= "FONTE"> irá definir que tipo de fonte que seu texto irá utilizar.
Exemplo:

<*FONT FACE= "TIMES"> Coloque aqui seu texto <*/FONT>

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).
Exemplo:

<*FONT SIZE= "2"> Seu texto pequeno <*/FONT>
<*FONT SIZE= "6"> Seu texto grande <*/FONT>

O <*FONT COLOR= "COR"> ira colocar uma cor na fonte escolhida.
Exemplo:

<*FONT COLOR= "BLACK"> Veja um texto de cor preta <*/FONT>

As cores deveram ser escrita em inglês ou codigo hexadecimal, que veremos depois.

Todos esses complementos de tag podem ser usados juntos dentro de um só tag, o que facilita a nossa vida. Por Exemplo:

<*FONT FACE= "ARIAL" COLOR= "RED" SIZE= "3"> Assim seu texto ficará do seu gosto <*/FONT>