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

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.
 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

 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.

 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

 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 />

 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)

 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:

Próxima Aula: Cabeçalhos e parágrafos

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

Recomendados

Recomendados

Mais conteúdo relacionado

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

Semelhante a Aula 02 e 03 estrutura básica parte 01 e 02 (20)

Mais de Jolvani Morgan

Mais de Jolvani Morgan (20)

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