Você está na página 1de 14

HTML

<HTML> <BODY> ........ </BODY> </HTML>

Qualquer TAG que comece por <NOMETAG> tm que terminar com </NOMETAG>

HTML

<HTML> <TITLE>A minha primeira pagina</TITLE> <BODY>


ISTO UM EXEMPLO DE HTML... fcil escrever texto!

</BODY> </HTML>

HTML

<HTML> <BODY> <FONT FACE="ARIAL COLOR="RED" SIZE="5"> EXEMPLO 2 DE HTML: Formatar o texto <FONT COLOR="GREEN"> Com letra colorida! <FONT SIZE="2"> E diferentes tamanhos</FONT> <FONT FACE=TIMES COLOR=#000000> E diferentes estilos: <B>negrito</B> <I>itlico</I> <U>sublinhado</U></FONT> </BODY> </HTML>

HTML

<HTML> <BODY> <P><FONT FACE="ARIAL" COLOR="RED" SIZE="5"> EXEMPLO 3 DE HTML:</P> <P>Com letra colorida...</P></FONT> <P>E com PARGRAFOS!</P> </BODY> </HTML>

HTML

<HTML> <BODY> <P><FONT FACE="ARIAL" COLOR="RED" SIZE="5"> EXEMPLO 4 DE HTML:<P> <P>Com letra colorida...</P></FONT> <P>E com PARGRAFOS!</P> MAS O PARGRAFO DIFERENTE<BR> DA MUDANA<BR> DE LINHA<BR> TAL COMO SE NOTA NESTE EXEMPLO.<BR> </BODY> </HTML>

HTML
<HTML> <BODY> <P>EXEMPLO 5 DE HTML: CRIAO DE TABELAS</P> <TABLE BORDER="1"> <TR> <TD>Esta a primeira coluna da primeira linha</TD> <TD>Esta a segunda coluna da primeira linha</TD> </TR> <TR> <TD>Esta a primeira coluna da segunda linha</TD> <TD>Esta a segunda coluna da segunda linha</TD> </TR> </TABLE> </BODY> </HTML>

HTML
<HTML> <BODY> <P>EXEMPLO 6: Este texto aparece em qualquer browser, mas pode haver coment&aacute;rios que no aparecem</P>
<!-Este texto no aparece no browser porque uma linha de comentrio desta parte do script->

<P>ATEN&Ccedil;&Atilde;O: Devemos ter tamb&eacute;m cuidado com cedilhas e acentos (veja o c&oacute;digo HTML)</P> <!-Cedilha: &ccedil; Letra "a" com acento grave: &agrave; Letra "a" com acento agudo: &aacute; Letra "a" com acento circunflexo: &acirc; Letra "a" com acento til: &atilde;-> </BODY> </HTML>

HTML

<HTML> <BODY BGCOLOR=YELLOW>


<!-Podemos ter fundos de cores diferentes ou mesmo com imagens->

<p> EXEMPLO 7: Ligar um texto de uma pgina a outra pgina (LINK) </p> <A HREF=exemplo8.htm">Clique sobre esta frase para seguir para o prximo exemplo</A> </BODY> </HTML>

HTML

<HTML> <BODY> <p> EXEMPLO 8: Outro link para voltar &agrave; p&aacute;gina anterior </p> <A HREF=exemplo7.html">Voltar</A> <p> Os ficheiros de HTML n&atilde;o t&ecirc;m que for&ccedil;osamente ter extens&atilde;o ".html".<br> Podem tamb&eacute;m ter extens&atilde;o ".htm tal como se pode verificar na barra de endere&ccedil;o desta p&aacute;gina. </p> </BODY> </HTML>

HTML

<HTML> <BODY> <p>EXEMPLO 9: Mostrar imagem no browser</p> <IMG SRC="imagem.jpg"> </BODY> </HTML>

A ficheiro inerente imagem (ou som, animao e vdeo) dever acompanhar o ficheiro html aquando da publicao on-line.

HTML

<HTML> <BODY> <p>EXEMPLO 10: Mtodos POST e GET<br>


Utilizados quando pretendermos receber dados do utilizador atravs de formulrios.<br> O mtodo POST ou GET sero definidos para o tipo de programao com dados dos utilizadores via ASP ou PHP.</p>

<FORM NAME="nomedoformulario" METHOD="POST"> Nome:<INPUT NAME="nome"><BR> TELEFONE:<INPUT NAME="tel"><BR> <INPUT TYPE="SUBMIT"> </FORM> </BODY></HTML>

HTML

<HTML> <BODY> <p>EXEMPLO 11: Ttulos (alternativa na definio de estilos - Cascading Slide Sheets)</p> <h1>Ttulo de nvel 1</h1> <h2>Ttulo de nvel 2</h2> <h3>Ttulo de nvel 3</h3> <h4>Ttulo de nvel 4</h4> <h5>Ttulo de nvel 5</h5> <h6>Ttulo de nvel 6</h6> <p>Texto normal</p> </BODY> </HTML>

HTML / JAVA
<HTML> <BODY> Exemplo JAVA: Script do tipo JavaScript ou VBScript Exemplo de JavaScript, para funcionar do lado cliente <SCRIPT LANGUAGE="JAVASCRIPT"> ... Programa JavaScript... </SCRIPT> <SCRIPT LANGUAGE="VBSCRIPT"> ... Programa VBScript... </SCRIPT> </BODY> </HTML>

JAVASCRIPT

<HTML> <BODY>
Exemplo 12: O meu primeiro Script JAVA <SCRIPT LANGUAGE="JAVASCRIPT"> document.write(Ol Mundo!) </SCRIPT> <SCRIPT LANGUAGE=JAVASCRIPT"> alert(Eu disse: Ol Mundo!) </SCRIPT> <SCRIPT>document.write(Isto s aparece aps o aviso (alert)!)</SCRIPT>

</BODY> </HTML>

Você também pode gostar