SlideShare uma empresa Scribd logo
Linguagem de Hipertextos Introdução à HTML
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.
O que é HTML? HTML = Hypertext MarkupLanguage Linguagem de marcação de Hipertexto Linguagem padrão para definir a estruturadas páginas WEB
O que é Hipertexto? hipertexto(hiper- + texto)s. m. Inform. Sequência de texto que permite a remissão para outra localização (documento, ficheiro, página da Internet, etc.). Fonte: Priberamhttp://www.priberam.pt/dlpo Hipertexto é o termo que remete a um texto em formato digital, ao qual agrega-se outros conjuntos de informação na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se dá através de referências específicas denominadas hiperlinks, ou simplesmente links. Fonte: Wikipediahttp://pt.wikipedia.org/wiki/Hipertexto
Sintaxe A linguagem HTML é formada por tags Tags representam elementos da página web As tags são escritas utilizando os caracteres <e >.Exemplo: <elemento>
Sintaxe A maioria dos elementos devem apresentar tags de fechamento. As tags de fechamento possuem o caracter/depois do caracter<. Exemplo: </elemento> Portando um elemento é representado da seguinte forma: <elemento></elemento>
Sintaxe As tags podem possuir atributos e conteúdo Os atributos devem ser especificados no formato nome=“valor”.Exemplo: <h1 id=“titulo”> O conteúdo da tag fica entre as tags de abertura e fechamento. Exemplo: <h1>Hello World</h1>

Mais conteúdo relacionado

Semelhante a Introdução à html

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
LeonardoPaz31
 
H
HH
Protocolos de comunicação HTTP
Protocolos de comunicação HTTPProtocolos de comunicação HTTP
Protocolos de comunicação HTTP
Tuesla Santos
 
Php
PhpPhp
Principais Conceitos Internet
Principais Conceitos InternetPrincipais Conceitos Internet
Principais Conceitos InternetClaudio Toldo
 
Introdução a Tecnologias Web
Introdução a Tecnologias WebIntrodução a Tecnologias Web
Introdução a Tecnologias Web
Álvaro Farias Pinheiro
 
Pesquisa na WEB
Pesquisa na WEBPesquisa na WEB
Pesquisa na WEBcarbgarcia
 
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
fernandamota929941
 
Atividade 2 2_navegando_em_busca_do_conceito_de_hipertexto
Atividade 2 2_navegando_em_busca_do_conceito_de_hipertextoAtividade 2 2_navegando_em_busca_do_conceito_de_hipertexto
Atividade 2 2_navegando_em_busca_do_conceito_de_hipertexto
elianegeraldo
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptx
LuanDev1
 
Introdução à web
Introdução à webIntrodução à web
Introdução à web
Luís Cobucci
 
Unidade 2 percepcoes_ao_navegar-por_hipertxto_mariaaparecidaoc
Unidade 2 percepcoes_ao_navegar-por_hipertxto_mariaaparecidaocUnidade 2 percepcoes_ao_navegar-por_hipertxto_mariaaparecidaoc
Unidade 2 percepcoes_ao_navegar-por_hipertxto_mariaaparecidaocMaria Aparecida de Oliveira Costa
 
HTML 5 - A mudança da Web
HTML 5 - A mudança da WebHTML 5 - A mudança da Web
HTML 5 - A mudança da Web
Paulino Michelazzo
 
Introdução ao HTML
Introdução ao HTML Introdução ao HTML
Introdução ao HTML
Giorgia Barreto Lima Parrião
 
Curso HTML Módulo 1
Curso HTML Módulo 1Curso HTML Módulo 1
Curso HTML Módulo 1
Michel Bernardes de Jesus
 
0. Introdução ao HTML pptx.pdf
0. Introdução ao HTML pptx.pdf0. Introdução ao HTML pptx.pdf
0. Introdução ao HTML pptx.pdf
RubenManhia
 

Semelhante a Introdução à html (20)

Aula 8
Aula 8Aula 8
Aula 8
 
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
 
H
HH
H
 
Protocolos de comunicação HTTP
Protocolos de comunicação HTTPProtocolos de comunicação HTTP
Protocolos de comunicação HTTP
 
Php
PhpPhp
Php
 
Principais Conceitos Internet
Principais Conceitos InternetPrincipais Conceitos Internet
Principais Conceitos Internet
 
Hipertexto
HipertextoHipertexto
Hipertexto
 
Introdução a Tecnologias Web
Introdução a Tecnologias WebIntrodução a Tecnologias Web
Introdução a Tecnologias Web
 
Pesquisa na WEB
Pesquisa na WEBPesquisa na WEB
Pesquisa na WEB
 
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
 
Atividade 2 2_navegando_em_busca_do_conceito_de_hipertexto
Atividade 2 2_navegando_em_busca_do_conceito_de_hipertextoAtividade 2 2_navegando_em_busca_do_conceito_de_hipertexto
Atividade 2 2_navegando_em_busca_do_conceito_de_hipertexto
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptx
 
Introdução à web
Introdução à webIntrodução à web
Introdução à web
 
Unidade 2 percepcoes_ao_navegar-por_hipertxto_mariaaparecidaoc
Unidade 2 percepcoes_ao_navegar-por_hipertxto_mariaaparecidaocUnidade 2 percepcoes_ao_navegar-por_hipertxto_mariaaparecidaoc
Unidade 2 percepcoes_ao_navegar-por_hipertxto_mariaaparecidaoc
 
HTML 5 - A mudança da Web
HTML 5 - A mudança da WebHTML 5 - A mudança da Web
HTML 5 - A mudança da Web
 
Introdução ao HTML
Introdução ao HTML Introdução ao HTML
Introdução ao HTML
 
Curso HTML Módulo 1
Curso HTML Módulo 1Curso HTML Módulo 1
Curso HTML Módulo 1
 
0. Introdução ao HTML pptx.pdf
0. Introdução ao HTML pptx.pdf0. Introdução ao HTML pptx.pdf
0. Introdução ao HTML pptx.pdf
 
Unid 2 percepcoes_raimunda_luiscamoes
Unid 2 percepcoes_raimunda_luiscamoesUnid 2 percepcoes_raimunda_luiscamoes
Unid 2 percepcoes_raimunda_luiscamoes
 
Slide internet
Slide   internetSlide   internet
Slide internet
 

Introdução à html

  • 1. Linguagem de Hipertextos Introdução à HTML
  • 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. O que é HTML? HTML = Hypertext MarkupLanguage Linguagem de marcação de Hipertexto Linguagem padrão para definir a estruturadas páginas WEB
  • 5. O que é Hipertexto? hipertexto(hiper- + texto)s. m. Inform. Sequência de texto que permite a remissão para outra localização (documento, ficheiro, página da Internet, etc.). Fonte: Priberamhttp://www.priberam.pt/dlpo Hipertexto é o termo que remete a um texto em formato digital, ao qual agrega-se outros conjuntos de informação na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se dá através de referências específicas denominadas hiperlinks, ou simplesmente links. Fonte: Wikipediahttp://pt.wikipedia.org/wiki/Hipertexto
  • 6. Sintaxe A linguagem HTML é formada por tags Tags representam elementos da página web As tags são escritas utilizando os caracteres <e >.Exemplo: <elemento>
  • 7. Sintaxe A maioria dos elementos devem apresentar tags de fechamento. As tags de fechamento possuem o caracter/depois do caracter<. Exemplo: </elemento> Portando um elemento é representado da seguinte forma: <elemento></elemento>
  • 8. Sintaxe As tags podem possuir atributos e conteúdo Os atributos devem ser especificados no formato nome=“valor”.Exemplo: <h1 id=“titulo”> O conteúdo da tag fica entre as tags de abertura e fechamento. Exemplo: <h1>Hello World</h1>