Embed Size (px)
Citation preview
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
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.
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
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 />
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)
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:
Próxima Aula: Cabeçalhos e parágrafos
