apostila em html

<HTML> à Inicio da Página.

<HEAD> à Inicio da seção de cabeçalho.

<TITLE> Microcamp International- Exercícios de HTML </TITLE> à Inicio, título da pagina e Fim do título.

</HEAD> à Fim da seção de cabeçalho.

<BODY BGCOLOR="BLACK"> à Inicio do corpo da pagina com fundo black.

<FONT FACE="ARIAL" SIZE="5" COLOR="WHITE"> à Inicia uso de fonte Arial,tamanho 5 e cor White.

<CENTER><B>MICROCAMP <I> International</I></B> à Centraliza em Negrito Microcamp e Internacional em Itálico.

<P> à Parágrafo.

<B>SÃO PAULO</B></CENTER></P> à São Paulo em Negrito e centralizado. Fecha centralizado.

<FONT FACE="ARIAL" SIZE="4" COLOR="WHITE"> à Altera a fonte para Arial, tamanho 4 e cor White.

Página html teste. Exercício de desenvolvimento de páginas – Microcamp.

<!-Texto de comentários-> à Texto de comentários no programa.

</BODY> </HTML> à fim do corpo do documento e fim do documento.

CARACTERES ESPECIAIS è Exemplo: escrever a palavra café – caf&eacute. (Ver tabela de códigos).

FORMATAR TEXTO è <H1> texto </H1> <H2> texto </H2> ... <H6> texto </H6>

LINHAS HORIZONTAIS è <HR SIZE=1>

PARAGRAFO è <P> Inicio de paragrafo. à <P align=”center”> texto </P>

PRE FORMATADO è <PRE> Delimita espaço em que o texto devera aparecer da forma que foi digitado.

FONTE DO TEXTO àè <FONT FACE=”Arial” Size=”5” color=”Black”> texto aqui </font>

QUEBRA LINHA è <BR> Linha 1 <Br> Linha 2 à Aumenta espaço entre linhas.

EXECUTAR ARQUIVO FLASH è <embed src=”arquivo.swf” quality=”high” width=”175 height=”111”>

ESTILO DE FONTES è <B>...</B> = Negrito. <I> = Italico. <U> = Sublinhado. <S> = Sobrescrito. <BIG> = Grande. <SMALL> = Pequeno.

ANIMAÇÃO DE TEXTO è <MARQUEE Behavior=Scroll BGCOLOR=”White” Width=30%> Texto </marquee>

OBJETOS MULTIMÍDIA è NETSCAPE - <EMBED SRC = “áudio.mid” --EXPLORER - <BGSOUND SRC = “audio.mid

IMAGENS è <IMG SRC =”/ícones/icones1.gif” BORDER=4 ALIGN=”TOP” ALT=”Descrição” WHIDT=lagura HEIGHT=altura>.

BODYè <BODY BACKGROUND="c:/imagem.jpg"> à imagem de fundo da pagina.

<BODY BGCOLOR="black"> à Configurar a cor de fundo da tela.

<BODY TEXT=”white”> à configurar a cor do texto padrão da pagina.

<BODY LINK=”blue” Alink=”purple” Vlink=”red”> àconfigura links. Link (links) Alink (link ativo) Vlink (Visitado).

<BODY Leftmargin=50 Rightmargin=30> à configura a margem do documento.

LISTAS è

Listas Não ordenadas

<UL> - inicio.

<LI> Item 1

<LI> Item 2

</UL> final da lista.

Listas Ordenadas

<OL type=1 start=1> - inicio.

<LI> Item 1

<LI> Item 2

</OL> final da lista.

Lista de Definições

<DL> - inicio da lista

<DT> HTML

<DD> Hipertexto.

</DL> final da lista.

TABELAS èTABLE border=1 width=100% align=”center”>

<CAPTION> Tabela </CAPTION>

<TH> Coluna 1 <TH> coluna 2

<TH><TD> celula1 <TD> celula2.

<TH><TD> celula3 <TD> celula 4.

</TABLE>

HIPERTEXTO è <A HREF=”Produtos.html”>Produtos</A> ou <AHREF=”links/servidos.html”> Serviços </A>

<A HREF="https://www.uol.com.br" TARGET="_NEW">Site Uol em uma nova pagina</A>

<A HREF="MAILTO:e-mail@bol.com.br">Dúvidas, Críticas e sugestões envie um e-mail</A>

<A HREF="Teste.zip">Download de arquivo Teste</A> -Donwload.

HIPERTEXTO DOCUMENTO è Ex. Salve as páginas <A HREF="Microcamp.html">com extensão html</A> <A NAME="Microcamp.html"> </A>

FORMULÁRIOS è Submeter infomações a um BD ou a um servidor.

<BODY>

<P><B>Digite seu nome :</B> <INPUT TYPE="Text" NAME="Primeiro_nome" SIZE=30 MAXLENGTH=30>

<P><B>Informe sua senha de acesso:</B> <INPUT TYPE="Password" VALUE=""NAME="sua_senha" SIZE=6 MAXLENGTH=6>

<P><B>Duvidas e sugestoes: </B> <Textarea name="center" rows="5" cols="40"></textarea>

<P><B>Cidade <select name="Cidades"> <option value="norte"> Mogi <option value="sul"> florianópolis <option value="leste"> são Paulo </Select>

<p><Input type = "checkbox" name="Boletim" checked> sim, concordo

<p><Input type = "checkbox" name="imp" checked> não comcordo.

<DL>

<DD> Classe do Bilhete de viagem:

<INPUT TYPE=”radio” NAME=”classe” VALUE=”eco”>economica

<INPUT TYPE=”radio” NAME=”classe” VALUE=”pri” CHECKED>primeira

</DL>

<INPUT TYPE=”reset” VALUE=”limpa campos”> à Botao de limpa campos.

<INPUT TYPE=”submit” à Botão de enviar dados.

</FORM>

</BODY>

FRAMES è Divisões na tela do browser em diversas outras telas ou quadros.

apostila de html

Listas Ordenadas

Lista de Definições