HTML

Propaganda

HTML
<HTML>
<BODY>
........
</BODY>
</HTML>
Qualquer TAG que comece por <NOMETAG>
têm que terminar com </NOMETAG>
HTML
<HTML>
<TITLE>A minha primeira pagina</TITLE>
<BODY>
ISTO É UM EXEMPLO DE HTML... É fácil 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>itálico</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 PARÁGRAFOS!</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 PARÁGRAFOS!</P>
MAS O PARÁGRAFO É DIFERENTE<BR> DA MUDANÇA<BR>
DE LINHA<BR> TAL COMO SE NOTA NESTE EXEMPLO.<BR>
</BODY>
</HTML>
HTML
<HTML>
<BODY>
<P>EXEMPLO 5 DE HTML: CRIAÇÃO 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 não aparecem</P>
<!-Este texto não aparece no browser porque é uma linha de comentário 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 página a outra página (LINK)
</p>
<A HREF=“exemplo8.htm">Clique sobre esta frase para seguir para
o próximo 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, animação e vídeo) deverá
acompanhar o ficheiro html aquando da publicação on-line.
HTML
<HTML>
<BODY>
<p>EXEMPLO 10:
Métodos POST e GET<br>
Utilizados quando pretendermos receber dados do utilizador
através de formulários.<br>
O método POST ou GET serão definidos para o tipo de
programação 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:
Títulos (alternativa na definição de estilos - Cascading Slide Sheets)</p>
<h1>Título de nível 1</h1>
<h2>Título de nível 2</h2>
<h3>Título de nível 3</h3>
<h4>Título de nível 4</h4>
<h5>Título de nível 5</h5>
<h6>Título de nível 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 após o aviso (alert)!”)</SCRIPT>
</BODY>
</HTML>