HTML 5 *estrutura básica*
Estrutura
Head - sessão onde entram as informações que não
serão exibidas no corpo da página.
TAGS
Body - o conteúdo da página se encontra entre
esta tag.
<head> </head>
<body> </body>
Html - indica o início de um documento em HTML.
<html> </html>
quinta-feira, 18 de abril de 13
Cabeçalho (head)
Corpo do texto (body)
quinta-feira, 18 de abril de 13
Cabeçalho (head) - tags
DOCTYPE - indica ao navegador
qual versão de HTML está sendo
usada.
<!DOCTYPE html>
Title - título da página. <title> </title>
<meta> </meta>
M e t a - i d e nt if i ca a s m e t a
informações ou os dados sobre o
conteúdo da página.
Link - faz o link de arquivos
exter no s co m a pág ina, co mo
arquivos de CSS, por exemplo.
<link> </link>
quinta-feira, 18 de abril de 13
HEADER - cabeçalho da página.
Espaço reservado para informações
como logotipo, slogan, barra
de navegação, etc...
<header> </header>
Corpo (body) - tags
SECTION - seções de conteúdo.
Usado para dividir o conteúdo da
Página em seções.
<section> </section>
ARTICLE - artigo de uma seção.
O artigo é usado para um conteúdo
referente a determinada seção
(podem existir mais de um artigo em
cada sessão)
<article> </article>
quinta-feira, 18 de abril de 13
FOOTER - rodapé da página.
Todas informações pertinentes ao
rodapé entram aqui.
<footer> </footer>
ASIDE - Qualquer informação
importante que não tenha relação
d i r e t a c o m a s i n f o r m a ç õ e s
adjacentes podem ser inseridos
nesta tag.
<aside> </aside>
NAV - tag usada para barras de
navegação, menus verticais ou grupo
de links.
<nav> </nav>
NAV - tag usada para barras de
navegação, menus verticais ou grupo
de links.
<nav> </nav>
quinta-feira, 18 de abril de 13
quinta-feira, 18 de abril de 13

Html5 - Estrutura Básica

  • 1.
    HTML 5 *estruturabásica* Estrutura Head - sessão onde entram as informações que não serão exibidas no corpo da página. TAGS Body - o conteúdo da página se encontra entre esta tag. <head> </head> <body> </body> Html - indica o início de um documento em HTML. <html> </html> quinta-feira, 18 de abril de 13
  • 2.
    Cabeçalho (head) Corpo dotexto (body) quinta-feira, 18 de abril de 13
  • 3.
    Cabeçalho (head) -tags DOCTYPE - indica ao navegador qual versão de HTML está sendo usada. <!DOCTYPE html> Title - título da página. <title> </title> <meta> </meta> M e t a - i d e nt if i ca a s m e t a informações ou os dados sobre o conteúdo da página. Link - faz o link de arquivos exter no s co m a pág ina, co mo arquivos de CSS, por exemplo. <link> </link> quinta-feira, 18 de abril de 13
  • 4.
    HEADER - cabeçalhoda página. Espaço reservado para informações como logotipo, slogan, barra de navegação, etc... <header> </header> Corpo (body) - tags SECTION - seções de conteúdo. Usado para dividir o conteúdo da Página em seções. <section> </section> ARTICLE - artigo de uma seção. O artigo é usado para um conteúdo referente a determinada seção (podem existir mais de um artigo em cada sessão) <article> </article> quinta-feira, 18 de abril de 13
  • 5.
    FOOTER - rodapéda página. Todas informações pertinentes ao rodapé entram aqui. <footer> </footer> ASIDE - Qualquer informação importante que não tenha relação d i r e t a c o m a s i n f o r m a ç õ e s adjacentes podem ser inseridos nesta tag. <aside> </aside> NAV - tag usada para barras de navegação, menus verticais ou grupo de links. <nav> </nav> NAV - tag usada para barras de navegação, menus verticais ou grupo de links. <nav> </nav> quinta-feira, 18 de abril de 13
  • 6.