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