Escolar Documentos
Profissional Documentos
Cultura Documentos
HTML
O que o HTML?
HTML (Hypertext Markup Language)
Linguagem que permite criar pginas Web
Exemplo - Cdigo
<html> <head> <title> A pgina da turma </title> </head> <body bgcolor= #0000FF text=#FFFFFF> <center> <h1> Heading 1 </h1> <h2> Heading 2 </h2> <h3> Heading 3 </h3> <h4> Heading 4 </h4> <h5> Heading 5 </h5> </center> </body> </html>
Prof: Mara Castro
FIM - parte1
Exemplo - Cdigo
<html> <head> <title> Pgina simples de exemplo </title> <!-- Isto um comentrio, no aparece na pgina --> </head> <body> <h1> Isto um ttulo de 1 nvel</h1> <h2> Isto um ttulo de 2 nvel</h2> <p> Isto um pargrafo normal <p> <!-- em cima um pargrafo em branco--> <hr> <!--Isto uma linha horizontal--> <hr width="50%"> <!-- Linha horizontal com 50% da largura da pgina--> <p align="center"> Este pargrafo centrado e com uma <br> quebra ou mudana de linha a meio. </body> </html>
Prof: Mara Castro
Exemplo - Cdigo
<html> <head> <title> Pgina exemplo </title> <!-- Isto um comentrio, no aparece na pgina --> </head> <body> <h2> Estilos tipogrficos</h2> <p><b> Texto a negrito </b>
<p><i> Texto em itlico </i> <p><u> Texto sublinhado </u> <p><b><i> Texto a negrito e a itlico </i></b> <p><TT> Texto espaado</TT> </body> </html>
Prof: Mara Castro
Listas
Listas de itens em HTML:
<OL></OL> listas ordenadas, ou seja, em que os itens surgem numerados (1,2,3,)
Exemplo - Cdigo
<html>
<li> primeiro item </li> </ol> <h2> Lista no ordenada </h2> <ul>
Tabelas
<table> Tag principal, tem como parmetros width e border. <caption> Onde se coloca o nome ou ttulo da tabela.
Tabelas
Parmetros width border Significado Largura da tabela Espessura das molduras
align
valign colspan rowspan bgcolor
Exemplo
Cdigo
<html><head></head><body> <table border="1" width="60%"> <caption> Tabelinha </caption> <th> Col 1 </th> <th> Col 2 </th> <th> Col 3 </th> <tr> <td width="33%" bgcolor="green"> </td> <td width="33%"> </td> <td width="34%"> </td> </tr> <tr> <td width="33%"> </td> <td width="33%" bgcolor="yellow"> </td> <td width="34%"> </td> </tr> <tr> <td width="33%"> </td> <td width="33%"> </td> <td width="34%" bgcolor="red"> </td> </tr> </table></body></html>
Resultado
Outras linguagens
Existem outras linguagens de programao de pginas Web, tais como:
Java e JavaScript Visual Basic Script JSP (Java Server Pages) ASP (Active Server Pages)
PHP
Outros programas
Existem programas que permitem criar pginas web sem necessidade de escrita HTML, tais como:
FIM parte2
Alguns sites
www.nosoftware.com www.globalaigs.org www.aol.com/shopping www.pixyland.org www.museumofbadart.org www.toyota.com www.amazon.co.uk