Estrutura Básica 
(X)HTML 
Professor Jolvani 
Aula 02 e 03
Estrutura Básica (X)HTML 
 Nesta aula, vocês como programadores de interface irão aprender a 
construir o código html. 
...
Estrutura Básica (X)HTML 
 Organize-se: Crie um diretório para armazenar todo o código que será 
construído pode ser (Aul...
Estrutura Básica (X)HTML 
 Observe onde o arquivo ficou 
salvo... 
 Altere as pastas para mostrar a 
extensão dos arquiv...
Estrutura Básica (X)HTML 
 Observe que o tipo de arquivo gerado é html e foi criado um ícone do 
Firefox (poderia ser de ...
Estrutura Básica (X)HTML 
 Tags obrigatórias dentro da nossa página 
 Quando você começa uma página você deve abrir uma ...
Estrutura Básica (X)HTML 
 Links úteis: 
 www.w3c.br 
 www.w3schools.com 
 http://tableless.com.br 
 http://tableless...
Próxima Aula: Cabeçalhos e parágrafos
Próximos SlideShares
Carregando em…5
×

Aula 02 e 03 estrutura básica parte 01 e 02

240 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
240
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
3
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 02 e 03 estrutura básica parte 01 e 02

  1. 1. Estrutura Básica (X)HTML Professor Jolvani Aula 02 e 03
  2. 2. Estrutura Básica (X)HTML  Nesta aula, vocês como programadores de interface irão aprender a construir o código html.  Programas: Browser; Editor de texto html, (Notepad++);  Browser: Interpreta o código html e apresentar ao usuário,  Notped++: (editor): Permite construir as páginas;  HTML – Hyper Text Markup Language  Linguagem de marcação para Hipertexto – A diferença do HTML para Java ou C por exemplo é que nas últimas você insere ou inclui lógica de programação, e  (X)HTML – eXtensible Hypertext Markup Language – Liguagem extensível de ...  Html evoluído, junção do XML com Html = XHTML
  3. 3. Estrutura Básica (X)HTML  Organize-se: Crie um diretório para armazenar todo o código que será construído pode ser (AulasHtml/Codigo)  Primeiros códigos: Abra seu Notepad++ selecione o diretório ou pasta e salve-o arquivo. Tipo html, observe figura.
  4. 4. Estrutura Básica (X)HTML  Observe onde o arquivo ficou salvo...  Altere as pastas para mostrar a extensão dos arquivos....  Organizar -> Opções de pastas e pesquisa -> Modo de exibição -> marque/desmarque ocultar a extensão
  5. 5. Estrutura Básica (X)HTML  Observe que o tipo de arquivo gerado é html e foi criado um ícone do Firefox (poderia ser de qualquer outro navegador) para que você pudesse visualizar como ficou a sua página.  Se você der dois cliques irá abrir a página no Firefox (ela esta fazia)  Então como iniciamos nosso arquivo html.  Primeiro, todo código html é composto por Tag:  O que são tags uma tag é tudo aquilo que vem entre o sinal < e >  Xhtml só aceita tags em letra minúscula <a>  Toda tag deve ser fechada </a> ou posso fechar dentro dela <a />
  6. 6. Estrutura Básica (X)HTML  Tags obrigatórias dentro da nossa página  Quando você começa uma página você deve abrir uma tag e sempre fecha-lá, não esqueça de fechar a tag...  Obrigatório <head> </head> e a tag <body> </body>  Outro detalhe procure identar o código (tabulação) (identação)
  7. 7. Estrutura Básica (X)HTML  Links úteis:  www.w3c.br  www.w3schools.com  http://tableless.com.br  http://tableless.com.br/html5 http://tableless.com.br/html5/?chapter=3  A estrutura básica do HTML5 continua sendo a mesma das versões anteriores da linguagem, há apenas uma excessão na escrita do Doctype. Segue ao lado como a estrutura básica pode ser seguida:
  8. 8. Próxima Aula: Cabeçalhos e parágrafos

×