SlideShare uma empresa Scribd logo
1 de 8
Linguagem de Hipertextos HTML – Estrutura básica
Sobre mim Luís Otávio CobucciOblonczyk Desenvolvedor PHP Orientador SENAC-TI http://twitter.com/lcobucci
Sobre este trabalho Esta apresentação foi criada sob as licenças CreativeCommons Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.
Estrutura básicade uma página WEB <html> <head>         <title>Título do Documento</title>    </head>    <body>    </body> </html>
Estrutura básicade uma página WEB O elemento <html> define o início de um documento HTML, indica que o Browser deverá interpretar o conteúdo como código HTML. O elemento <head>é o cabeçalho do documento, ou seja ele possui as informações sobre o documento.
Estrutura básicade uma página WEB Neste exemplo temos o <title>, dentro do elemento <head>, que define o título que será mostrado na barra de título do navegador. Podemos ter vários outros elementos dentro do elemento <head> com o objetivo de definir: codificação da página, descrição, autor, estilos, códigos Javascript, entre outros.
Estrutura básicade uma página WEB O elemento <body> define o corpo do documento, ou seja, o conteúdo que será mostrado no browser. Nele deve ser colocada toda a estrutura do site, e com CSS será adicionado estilo aos elementos.
Estrutura básicade uma página WEB Estes 3 elementos são fundamentais para uma página WEB bem formatada, ou seja devem SEMPRE estar presentes. Não pode existir mais de um elemento <html>, <head>, <body>

Mais conteúdo relacionado

Mais procurados

Rui simoes pedrosantos
Rui simoes pedrosantosRui simoes pedrosantos
Rui simoes pedrosantos
Rui Simoes
 

Mais procurados (16)

Linguagem html
Linguagem htmlLinguagem html
Linguagem html
 
Aula1 - Curso Web-Design - ETECA Camargo Aranha
Aula1 - Curso Web-Design - ETECA Camargo AranhaAula1 - Curso Web-Design - ETECA Camargo Aranha
Aula1 - Curso Web-Design - ETECA Camargo Aranha
 
Introdução ao HTML
Introdução ao HTML Introdução ao HTML
Introdução ao HTML
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
 
Xml
XmlXml
Xml
 
Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
0151
01510151
0151
 
Html
HtmlHtml
Html
 
Html manual
Html manualHtml manual
Html manual
 
Curso HTML e CSS Part2
Curso HTML e CSS Part2Curso HTML e CSS Part2
Curso HTML e CSS Part2
 
Html5 em 15_minutos
Html5 em 15_minutosHtml5 em 15_minutos
Html5 em 15_minutos
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
Rui simoes pedrosantos
Rui simoes pedrosantosRui simoes pedrosantos
Rui simoes pedrosantos
 
HTML básico
HTML básicoHTML básico
HTML básico
 
2 html,xhtml e css
2   html,xhtml e css2   html,xhtml e css
2 html,xhtml e css
 

Destaque

I Minds2009 Tagger Fm
I Minds2009 Tagger FmI Minds2009 Tagger Fm
I Minds2009 Tagger Fm
imec.archive
 
Cooperative learning-with_carousel_brainstormi (2)
 Cooperative learning-with_carousel_brainstormi (2) Cooperative learning-with_carousel_brainstormi (2)
Cooperative learning-with_carousel_brainstormi (2)
Wheeler School
 
2012 reflection power point presentation revised 9.15.12
2012 reflection power point presentation revised 9.15.122012 reflection power point presentation revised 9.15.12
2012 reflection power point presentation revised 9.15.12
Pamela Adams
 
Bhl mashupfor australiameeting
Bhl mashupfor australiameetingBhl mashupfor australiameeting
Bhl mashupfor australiameeting
Connie Rinaldo
 
A introductory pages
A  introductory pagesA  introductory pages
A introductory pages
TheklaFall
 
All about CSS MoRA ITS 11-12
All about CSS MoRA ITS 11-12All about CSS MoRA ITS 11-12
All about CSS MoRA ITS 11-12
Ulir Rohwana
 
Images For Web Use
Images For Web UseImages For Web Use
Images For Web Use
alconceptz
 

Destaque (20)

Parts of the body
Parts of the bodyParts of the body
Parts of the body
 
Presentation of EOD - eBooks on demand service and network / Predstavitev sto...
Presentation of EOD - eBooks on demand service and network / Predstavitev sto...Presentation of EOD - eBooks on demand service and network / Predstavitev sto...
Presentation of EOD - eBooks on demand service and network / Predstavitev sto...
 
Cimev 001
Cimev 001Cimev 001
Cimev 001
 
I Minds2009 Tagger Fm
I Minds2009 Tagger FmI Minds2009 Tagger Fm
I Minds2009 Tagger Fm
 
Cooperative learning-with_carousel_brainstormi (2)
 Cooperative learning-with_carousel_brainstormi (2) Cooperative learning-with_carousel_brainstormi (2)
Cooperative learning-with_carousel_brainstormi (2)
 
Metadata and Scotland’s information environment: potential benefits of Web 2.0
Metadata and Scotland’s information environment: potential benefits of Web 2.0Metadata and Scotland’s information environment: potential benefits of Web 2.0
Metadata and Scotland’s information environment: potential benefits of Web 2.0
 
Maine Shared Collections Strategy: Why now in Maine?
Maine Shared Collections Strategy: Why now in Maine? Maine Shared Collections Strategy: Why now in Maine?
Maine Shared Collections Strategy: Why now in Maine?
 
Lehigh 2012 kuali update and demo
Lehigh 2012   kuali update and demoLehigh 2012   kuali update and demo
Lehigh 2012 kuali update and demo
 
2012 reflection power point presentation revised 9.15.12
2012 reflection power point presentation revised 9.15.122012 reflection power point presentation revised 9.15.12
2012 reflection power point presentation revised 9.15.12
 
The Thawing of the Credit Markets
The Thawing of the Credit MarketsThe Thawing of the Credit Markets
The Thawing of the Credit Markets
 
2010 jan 12
2010 jan 122010 jan 12
2010 jan 12
 
Bhl mashupfor australiameeting
Bhl mashupfor australiameetingBhl mashupfor australiameeting
Bhl mashupfor australiameeting
 
Exotic Ladakh
Exotic LadakhExotic Ladakh
Exotic Ladakh
 
A
AA
A
 
A introductory pages
A  introductory pagesA  introductory pages
A introductory pages
 
D
DD
D
 
All about CSS MoRA ITS 11-12
All about CSS MoRA ITS 11-12All about CSS MoRA ITS 11-12
All about CSS MoRA ITS 11-12
 
XS Boston 2008 Stub Domains
XS Boston 2008 Stub DomainsXS Boston 2008 Stub Domains
XS Boston 2008 Stub Domains
 
Semana 5: Caracteres, tipos char e int, tipos de valor vs. tipos de referência
Semana  5: Caracteres, tipos char e int, tipos de valor vs. tipos de referênciaSemana  5: Caracteres, tipos char e int, tipos de valor vs. tipos de referência
Semana 5: Caracteres, tipos char e int, tipos de valor vs. tipos de referência
 
Images For Web Use
Images For Web UseImages For Web Use
Images For Web Use
 

Semelhante a Html - Estrutura básica (20)

HTML e Hipertexto
HTML e HipertextoHTML e Hipertexto
HTML e Hipertexto
 
02 html - fontes e estilos
02 html  - fontes e estilos02 html  - fontes e estilos
02 html - fontes e estilos
 
HTML - Parte 1
HTML - Parte 1HTML - Parte 1
HTML - Parte 1
 
HTML5 - Tags semânticas
HTML5 - Tags semânticasHTML5 - Tags semânticas
HTML5 - Tags semânticas
 
html basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptxhtml basico primeiro slide para iniciantes- 1.pptx
html basico primeiro slide para iniciantes- 1.pptx
 
Xhtml 2011 - atualizado
Xhtml   2011 - atualizadoXhtml   2011 - atualizado
Xhtml 2011 - atualizado
 
Curso de HTML5 CSS3 e JS
Curso de HTML5 CSS3 e JSCurso de HTML5 CSS3 e JS
Curso de HTML5 CSS3 e JS
 
00 a linguagem html
00 a linguagem html00 a linguagem html
00 a linguagem html
 
Slides Linguagem de Programação HTML e CSS
Slides Linguagem de Programação HTML e CSSSlides Linguagem de Programação HTML e CSS
Slides Linguagem de Programação HTML e CSS
 
Apostila html
Apostila htmlApostila html
Apostila html
 
Html5 em 15 minutos
Html5 em 15 minutosHtml5 em 15 minutos
Html5 em 15 minutos
 
Html
HtmlHtml
Html
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
 
Html
HtmlHtml
Html
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
Aula02
Aula02Aula02
Aula02
 
Apresentando o HTML
Apresentando o HTMLApresentando o HTML
Apresentando o HTML
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Manual curso php
Manual curso phpManual curso php
Manual curso php
 
Webpages
WebpagesWebpages
Webpages
 

Último

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
Natalia Granato
 

Último (6)

Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 

Html - Estrutura básica

  • 1. Linguagem de Hipertextos HTML – Estrutura básica
  • 2. Sobre mim Luís Otávio CobucciOblonczyk Desenvolvedor PHP Orientador SENAC-TI http://twitter.com/lcobucci
  • 3. Sobre este trabalho Esta apresentação foi criada sob as licenças CreativeCommons Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.
  • 4. Estrutura básicade uma página WEB <html> <head> <title>Título do Documento</title> </head> <body> </body> </html>
  • 5. Estrutura básicade uma página WEB O elemento <html> define o início de um documento HTML, indica que o Browser deverá interpretar o conteúdo como código HTML. O elemento <head>é o cabeçalho do documento, ou seja ele possui as informações sobre o documento.
  • 6. Estrutura básicade uma página WEB Neste exemplo temos o <title>, dentro do elemento <head>, que define o título que será mostrado na barra de título do navegador. Podemos ter vários outros elementos dentro do elemento <head> com o objetivo de definir: codificação da página, descrição, autor, estilos, códigos Javascript, entre outros.
  • 7. Estrutura básicade uma página WEB O elemento <body> define o corpo do documento, ou seja, o conteúdo que será mostrado no browser. Nele deve ser colocada toda a estrutura do site, e com CSS será adicionado estilo aos elementos.
  • 8. Estrutura básicade uma página WEB Estes 3 elementos são fundamentais para uma página WEB bem formatada, ou seja devem SEMPRE estar presentes. Não pode existir mais de um elemento <html>, <head>, <body>