SlideShare une entreprise Scribd logo
1  sur  6
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

Contenu connexe

Tendances

Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor FranciosneyRevisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
franciosney
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
Rodrigo Rodrigues
 
Aprender Javascript e jQuery (UFCD
Aprender Javascript e jQuery (UFCDAprender Javascript e jQuery (UFCD
Aprender Javascript e jQuery (UFCD
Afonso Gomes
 

Tendances (20)

Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor FranciosneyRevisão HTML, CSS e BOOTSTRAP - Professor Franciosney
Revisão HTML, CSS e BOOTSTRAP - Professor Franciosney
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
HTML X CSS
HTML X CSSHTML X CSS
HTML X CSS
 
Introdução ao HTML
Introdução ao HTMLIntrodução ao HTML
Introdução ao HTML
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Curso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSSCurso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSS
 
Introdução ao CSS
Introdução ao CSSIntrodução ao CSS
Introdução ao CSS
 
SQLAlchemy Primer
SQLAlchemy PrimerSQLAlchemy Primer
SQLAlchemy Primer
 
Aprender Javascript e jQuery (UFCD
Aprender Javascript e jQuery (UFCDAprender Javascript e jQuery (UFCD
Aprender Javascript e jQuery (UFCD
 
Banco de Dados II Aula 12 - Gerenciamento de transação (controle de concorrên...
Banco de Dados II Aula 12 - Gerenciamento de transação (controle de concorrên...Banco de Dados II Aula 12 - Gerenciamento de transação (controle de concorrên...
Banco de Dados II Aula 12 - Gerenciamento de transação (controle de concorrên...
 
Sistema de gerenciamento de banco de dados
Sistema de gerenciamento de banco de dadosSistema de gerenciamento de banco de dados
Sistema de gerenciamento de banco de dados
 
Mongo DB 성능최적화 전략
Mongo DB 성능최적화 전략Mongo DB 성능최적화 전략
Mongo DB 성능최적화 전략
 
Aula 01 - JavaScript: Introdução
Aula 01 - JavaScript: IntroduçãoAula 01 - JavaScript: Introdução
Aula 01 - JavaScript: Introdução
 
Tracking Huge Files with Git LFS
Tracking Huge Files with Git LFSTracking Huge Files with Git LFS
Tracking Huge Files with Git LFS
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScript
 
Banco de Dados II Aula 14 - Projeto de Banco de Dados e Estudo de Caso (Postg...
Banco de Dados II Aula 14 - Projeto de Banco de Dados e Estudo de Caso (Postg...Banco de Dados II Aula 14 - Projeto de Banco de Dados e Estudo de Caso (Postg...
Banco de Dados II Aula 14 - Projeto de Banco de Dados e Estudo de Caso (Postg...
 
[Pgday.Seoul 2017] 6. GIN vs GiST 인덱스 이야기 - 박진우
[Pgday.Seoul 2017] 6. GIN vs GiST 인덱스 이야기 - 박진우[Pgday.Seoul 2017] 6. GIN vs GiST 인덱스 이야기 - 박진우
[Pgday.Seoul 2017] 6. GIN vs GiST 인덱스 이야기 - 박진우
 
Html 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la WebHtml 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la Web
 

En vedette

Curso de css3 unidade 1 - introdução ao css
Curso de css3   unidade 1 - introdução ao cssCurso de css3   unidade 1 - introdução ao css
Curso de css3 unidade 1 - introdução ao css
Léo Dias
 

En vedette (20)

02 html - fontes e estilos
02 html  - fontes e estilos02 html  - fontes e estilos
02 html - fontes e estilos
 
O que há de novo no PHP 5.3
O que há de novo no PHP 5.3O que há de novo no PHP 5.3
O que há de novo no PHP 5.3
 
Html5 - O futuro da Web
Html5 - O futuro da WebHtml5 - O futuro da Web
Html5 - O futuro da Web
 
Engenharia Social
Engenharia SocialEngenharia Social
Engenharia Social
 
Espionagem e Software Livre
Espionagem e Software LivreEspionagem e Software Livre
Espionagem e Software Livre
 
HTML5 & CSS3 - A Evolução da Web
HTML5 & CSS3 - A Evolução da WebHTML5 & CSS3 - A Evolução da Web
HTML5 & CSS3 - A Evolução da Web
 
Curso de css3 unidade 1 - introdução ao css
Curso de css3   unidade 1 - introdução ao cssCurso de css3   unidade 1 - introdução ao css
Curso de css3 unidade 1 - introdução ao css
 
Certificacoes Desenvolvedores
Certificacoes DesenvolvedoresCertificacoes Desenvolvedores
Certificacoes Desenvolvedores
 
Web e HTML5
Web e HTML5Web e HTML5
Web e HTML5
 
Html5 Aula 6
Html5 Aula 6Html5 Aula 6
Html5 Aula 6
 
HTML5, JAVASCRIPT E JQUERY
HTML5, JAVASCRIPT E JQUERYHTML5, JAVASCRIPT E JQUERY
HTML5, JAVASCRIPT E JQUERY
 
Html5 Aula 3
Html5 Aula 3Html5 Aula 3
Html5 Aula 3
 
Html5 aula 02
Html5 aula 02Html5 aula 02
Html5 aula 02
 
javscript para iniciantes
javscript para iniciantesjavscript para iniciantes
javscript para iniciantes
 
Campanhas Inovadoras e Criativas na Web
Campanhas Inovadoras e Criativas na WebCampanhas Inovadoras e Criativas na Web
Campanhas Inovadoras e Criativas na Web
 
Redes linux excerto
Redes linux excertoRedes linux excerto
Redes linux excerto
 
10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos
 
JavaScript Robotics: o que acontece quando o hardware se encontra com o JavaS...
JavaScript Robotics: o que acontece quando o hardware se encontra com o JavaS...JavaScript Robotics: o que acontece quando o hardware se encontra com o JavaS...
JavaScript Robotics: o que acontece quando o hardware se encontra com o JavaS...
 
Html5 aula 01
Html5 aula 01Html5 aula 01
Html5 aula 01
 
Curso de desenvolvimento de aplicações para iOS com Objective-C
Curso de desenvolvimento de aplicações para iOS com Objective-CCurso de desenvolvimento de aplicações para iOS com Objective-C
Curso de desenvolvimento de aplicações para iOS com Objective-C
 

Similaire à Html5 - Estrutura Básica

HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
Cesar Braz
 

Similaire à Html5 - Estrutura Básica (20)

Curso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTMLCurso de Desenvolvimento de Sistemas Web - (X)HTML
Curso de Desenvolvimento de Sistemas Web - (X)HTML
 
HC - HTML - CSS.pdf
HC - HTML - CSS.pdfHC - HTML - CSS.pdf
HC - HTML - CSS.pdf
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 
Apostila Html completa e simples
Apostila Html completa e simplesApostila Html completa e simples
Apostila Html completa e simples
 
Apostila de Html - Marcos Rogério Fernandes
Apostila de Html - Marcos Rogério FernandesApostila de Html - Marcos Rogério Fernandes
Apostila de Html - Marcos Rogério Fernandes
 
Html - Apostila
Html - ApostilaHtml - Apostila
Html - Apostila
 
Apostila+de+html
Apostila+de+htmlApostila+de+html
Apostila+de+html
 
Apostila HTML
Apostila HTMLApostila HTML
Apostila HTML
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
Tutorial html
Tutorial htmlTutorial html
Tutorial html
 
HTML introdução
HTML  introduçãoHTML  introdução
HTML introdução
 
HTML básico
HTML básicoHTML básico
HTML básico
 
Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5Minicurso de HTML básico - Atualizado para HTML5
Minicurso de HTML básico - Atualizado para HTML5
 
Apresentação para aula de HTML básico
Apresentação para aula de HTML básicoApresentação para aula de HTML básico
Apresentação para aula de HTML básico
 
Curso de XHTML
Curso de XHTMLCurso de XHTML
Curso de XHTML
 
O que é html
O que é htmlO que é html
O que é html
 
HTML básico
HTML básicoHTML básico
HTML básico
 

Html5 - Estrutura Básica

  • 1. 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
  • 2. Cabeçalho (head) Corpo do texto (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ç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
  • 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. quinta-feira, 18 de abril de 13