A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Programação WEB HTML.

Apresentações semelhantes


Apresentação em tema: "Programação WEB HTML."— Transcrição da apresentação:

1 Programação WEB HTML

2 O que é Hyper Text Markup Language (Linguagem de formatação de Hiper-Texto) Linguagem de formatação para disseminação de conteúdo. Padrão nos navegadores utiliza o protocolo HTTP do TCP/IP.

3 Características Não e uma linguagem de programação, por este motivo não tem regras de sintaxe. Ela é interpretada pelo navegador em tempo de execução Utiliza a tecnologia CSS para auxiliar a formatação padronizada entre página. Utiliza o javascript para auxiliar na validação de formulários e melhor a navegabilidade.

4 TAGS O html é composto por tags (etiquetas) que identificam ao navegador como formatar um determinado conteúdo, podemos dividir em 3 categorias: Tags de Estrutura – São responsáveis por delimitar seções e espaços dentro da página. Tags de formatação – fornecem a formatação direta de cor, fonte e estilo de conteúdo. Tags de Objeto – coletam dados de um formulário, e permitem integração com o javascript.

5 Tags de Estrutura <HTML> </HTML> Exemplo:
Identificam o inicio e o fim de um página. Exemplo: <html> <head> <Tiltle> Minha Primeira Página </title> </head> <body> Ola mundo ! </body> </html>

6 Tags de Estrutura <HEAD> </HEAD>
Área para publicação de informações sobre a página que auxiliam a indexação por buscadores. <TITLE></TITLE> Define o titulo da página que aparece no topo dos navegadores. Exemplo: <html> <head> <Tiltle> Minha Primeira Página </title> </head> <body> Ola mundo ! </body> </html>

7 Tags de Estrutura <META NAME.... Exemplo:
publicação de informações sobre a página que auxiliam a indexação por buscadores. Exemplo: <html> <head> <Tiltle> Minha Primeira Página </title> <meta name=“Description” content=“pagina sobre”> <meta name=“keywords” content=“html, css, web”> <meta name=“author” content=“Norton”> </head> <body> Ola mundo ! </body> </html>

8 Tags de Estrutura <BODY></BODY> Exemplo:
Define o inicio e fim do corpo de uma página Exemplo: <html> <head> <Tiltle> Minha Primeira Página </title> </head> <body> Ola mundo ! </body> </html>

9 Tag de Estrutura <P></P> Define um paragrafo Exemplo:
<html> <head> <Tiltle> Minha Primeira Página </title> </head> <body> <P> Ola mundo ! </p> </body> </html>

10 Tag de Estrutura <br> Quebra de linha Exemplo: <html>
<head> <Tiltle> Minha Primeira Página </title> </head> <P> Ola mundo ! <BR> Minha primeira página </p> </html>

11 Tags de Estrutura <h1></h1> Definição de títulos
Podem ir de 1 ate 8 Exemplo: <html> <head> <Tiltle> Minha Primeira Página </title> </head> <h1>Titulo Tipo 1 </h1> <P> Ola mundo ! <BR> Minha primeira página </p> </html>

12 Tags de Estrutura <div></div>
Definem uma área isolada de formatação na página Exemplo: <html> <head> <Tiltle> Minha Primeira Página </title> </head> <P> Ola mundo ! <BR> Minha primeira página </p> <DIV> Menu </DIV> </html>

13 Tags de Estrutura <table></table> <tr></tr>
Tag para criação de tabelas <tr></tr> Table Row - Linha de tabla <td></td> Table Detail – coluna de tabela

14 Tag de Estrutura Exemplo: <html> <head>
<Tiltle> Minha Primeira Página </title> </head> <table border=1> <tr> <td> Azul </td> <td> Verde </td> <td> Amarelo </td> </tr> </table> </html>

15 Tags de Estrutura Comentários
Para colocar um comentário na página que não será exibido pelo navegado Exemplo: <html> <head> <Tiltle> Minha Primeira Página </title> </head> <!– - Pagina principal - -> <P> Ola mundo ! <BR> Minha primeira página </p> </html>

16 Atividade 1 Crie uma página livre em htm com as tags de estrutura apresentadas.


Carregar ppt "Programação WEB HTML."

Apresentações semelhantes


Anúncios Google