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 (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

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...National and University Library
 
Cimev 001
Cimev 001Cimev 001
Cimev 001cimev
 
I Minds2009 Tagger Fm
I Minds2009 Tagger FmI Minds2009 Tagger Fm
I Minds2009 Tagger Fmimec.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
 
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? Maine_SharedCollections
 
Lehigh 2012 kuali update and demo
Lehigh 2012   kuali update and demoLehigh 2012   kuali update and demo
Lehigh 2012 kuali update and demoDoreen Herold
 
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.12Pamela Adams
 
The Thawing of the Credit Markets
The Thawing of the Credit MarketsThe Thawing of the Credit Markets
The Thawing of the Credit MarketsFranz von Bradsky
 
Bhl mashupfor australiameeting
Bhl mashupfor australiameetingBhl mashupfor australiameeting
Bhl mashupfor australiameetingConnie Rinaldo
 
A introductory pages
A  introductory pagesA  introductory pages
A introductory pagesTheklaFall
 
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-12Ulir Rohwana
 
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ênciaManuel Menezes de Sequeira
 
Images For Web Use
Images For Web UseImages For Web Use
Images For Web Usealconceptz
 

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

Semelhante a HTML estrutura (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
 
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
 
Webpages
WebpagesWebpages
Webpages
 

HTML estrutura

  • 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>