SlideShare uma empresa Scribd logo
1 de 17
Curso de HTML
- Introdução
Aula 01
Tales Augusto
@talesdejesus
www.talesaugusto.biz
Algumas informações...
 Olá

Pessoal Meu nome é Tales Augusto e
essa será a nossa primeira aula do curso
de HTML do meu Blog.
 Caso você queira receber a declaração
no final deste curso basta deixar no final
de cada aula seu comentário
 Em breve será gerado um E-book a partir
deste conteúdo publicado neste blog.
Introdução
O que Significa HTML?
 HTML

(abreviação para a expressão
inglesa HyperText Markup Language, que
significa Linguagem de Marcação de
Hipertexto) é uma linguagem de
marcação utilizada para produzir páginas
na Web. Documentos HTML podem ser
interpretados por navegadores. A
tecnologia é fruto do “casamento” dos
padrões HyTime e SGML.
O que Significa HTML?
 HyTime

é um padrão para a
representação estruturada de hipermídia
e conteúdo baseado em tempo. Um
documento é visto como um conjunto de
eventos concorrentes dependentes de
tempo (como áudio, vídeo, etc.),
conectados por hiperligações. O padrão
é independente de outros padrões de
processamento de texto em geral.
O que Significa HTML?
 SGML

é um padrão de formatação de
textos. Não foi desenvolvido para
hipertexto, mas tornou-se conveniente
para transformar documentos em hiperobjetos e para descrever as ligações.
O Criador


Tim Berners-Lee (físico britânico) criou o HTML
original é também criador da World Wide
Web (Rede Mundial de Computadores –
Internet, tendo feito a primeira proposta para
sua criação em março de 1989. Em 25 de
dezembro de 1990, com a ajuda de Robert
Cailliau e um jovem estudante do CERN,
implementou a primeira comunicação bemsucedida entre um cliente HTTP e o servidor
através da internet.
História do HTML


As primeiras versões do HTML foram definidas
com regras sintáticas flexíveis, o que ajudou
aqueles sem familiaridade com a publicação
na Web. Através do tempo, a utilização de
ferramentas para autoria de HTML aumentou,
assim como a tendência em tornar a sintaxe
cada vez mais rígida. Apesar disso, por
questões históricas ,os navegadores ainda
hoje conseguem interpretar páginas web que
estão longe de ser um código HTML válido.
Versões
 Devido

ao seu rápido crescimento na
Web, foi necessário criar um padrão para
que todos os autores e navegadores
pudessem reconhecer quaisquer versões
do HTML, que são as seguintes: HTML 2.0,
HTML 3.2, HTML 4.0 e o HTML 4.01.
As Versões


Alguns creem que o HTML não tem futuro algum
devido a existência do XHTML, mas se fomos ver
bem, o browser mais utilizado hoje não suporta
XHTML como deveria. As versões do HTML mais
utilizadas hoje em dia são HTML 4.01 e XHTML 1.0.
Essas 2 versões foram definidas pelo W3C a mais
ou menos 7 a 8 anos.
Apesar de cada versão, cada uma tem suas
variantes que sempre devem ser definidas no
documeno HTML:
HTML 4.01 Strict: O mais utilizado, onde podem ser
utilizadas tags do HTML 4.01, só que não são
permitidas tags obsoletas.
As Versões
 HTML

4.01 Transitional: Esse permite utilizar
tags de todas as versões HTML, mas não é
muito recomendado.
 HTML 4.01 Frameset: Tem suporte a
frames, um modelo muito antiquado.
O HTML 5
o

HTML5 é uma resposta à observação
de que o HTML e o XHTML, de uso comum
na World Wide Web, é uma mistura de
características introduzidas por várias
especificações, juntamente com aquelas
introduzidas por software, tais como os
navegadores, aqueles estabelecidos
pela prática comum, e os muitos erros de
sintaxe em documentos existentes na
web.
O HTML 5


É, também, uma tentativa de definir uma
única linguagem simples de marcação que
possa ser escrita em HTML ou em sintaxe
XHTML. Isso inclui modelos de processamento
detalhados para incentivar implementações
mais interoperáveis; isso estende, melhora e
racionaliza a marcação disponível para
documentos, e introduz marcações e
interfaces de programação de aplicativos
(APIs) para aplicações web complexas.
O HTML 5
.

Muitos recursos do HTML5 tem sido
construídos com a consideração de ser
capaz de executar em dispositivos de
baixa potência como smartphones e
tablets.
O HTML 5


No início de 2008 o W3C – consórcio de
empresas de tecnologia que coordena os
padrões da internet quanto a linguagem –
anunciou a primeira especificação do HTML5.
O HTML, que é responsável por organizar e
formatar as páginas que visitamos na
Internet, está em sua versão 4.0.1 e continua
evoluindo. Após cinco anos de trabalho,
desde 2008 está em fase de esboço,
enquanto a versão final está prevista para
2014.
Fontes de Pesquisa:
 http://www.pinceladasdaweb.com.br/blo

g/2007/10/15/quais-sao-as-versoes-dohtml/
 http://pt.wikipedia.org/wiki/HTML
 http://pt.wikipedia.org/wiki/Tim_BernersLee
Boa Sorte,
Bons Estudos e até a Próxima!

Mais conteúdo relacionado

Mais procurados

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 HTML5Jose Augusto Cintra
 
HTML 5 A evolução do HTML 4 para o HTML 5
HTML 5 A evolução do HTML 4 para o HTML 5HTML 5 A evolução do HTML 4 para o HTML 5
HTML 5 A evolução do HTML 4 para o HTML 5ondazul
 
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Uni Buscapé Company
 
E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)Devmedia
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLDra. Camila Hamdan
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSSledsifes
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Renato Bongiorno Bonfanti
 

Mais procurados (20)

Html
HtmlHtml
Html
 
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
 
Introdução a HTML5
Introdução a HTML5Introdução a HTML5
Introdução a HTML5
 
Apostila html,xhtml e css
Apostila html,xhtml e cssApostila html,xhtml e css
Apostila html,xhtml e css
 
HTML 5 A evolução do HTML 4 para o HTML 5
HTML 5 A evolução do HTML 4 para o HTML 5HTML 5 A evolução do HTML 4 para o HTML 5
HTML 5 A evolução do HTML 4 para o HTML 5
 
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
Apresentação do Curso Primeiros Passos na Web com HTML e CSS - Profite e Univ...
 
E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)E-book sobre HTML 5 (Devmedia)
E-book sobre HTML 5 (Devmedia)
 
Curso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTMLCurso de Desenvolvimento Web - Módulo 01 - HTML
Curso de Desenvolvimento Web - Módulo 01 - HTML
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTML
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
 
HTML
HTMLHTML
HTML
 
Html 5 e Css3
Html 5 e Css3Html 5 e Css3
Html 5 e Css3
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
 
Curso html basico_aula-001
Curso html basico_aula-001Curso html basico_aula-001
Curso html basico_aula-001
 
Html5 aula 02
Html5 aula 02Html5 aula 02
Html5 aula 02
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
 
Html manual
Html manualHtml manual
Html manual
 
HTML Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
HTML5 CSS3
HTML5 CSS3HTML5 CSS3
HTML5 CSS3
 

Semelhante a Curso HTML introdução aulas

Semelhante a Curso HTML introdução aulas (20)

Conecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - ApresentaçãoConecte - Curso de HTML - Apresentação
Conecte - Curso de HTML - Apresentação
 
I.h aula 6 7 8 9 10 11 12
I.h aula 6 7 8 9 10 11 12I.h aula 6 7 8 9 10 11 12
I.h aula 6 7 8 9 10 11 12
 
HTML5 - (01) Visão Geral do HTML5
HTML5 - (01) Visão Geral do HTML5HTML5 - (01) Visão Geral do HTML5
HTML5 - (01) Visão Geral do HTML5
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf1a5614c679b23c018654639f6b57ecf1.pdf
1a5614c679b23c018654639f6b57ecf1.pdf
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica Trabalho
 
Html5
Html5Html5
Html5
 
Benefícios dos WebStandards
Benefícios dos WebStandardsBenefícios dos WebStandards
Benefícios dos WebStandards
 
Programação web
Programação webProgramação web
Programação web
 
HTML5.pptx
HTML5.pptxHTML5.pptx
HTML5.pptx
 
Técnicas e processos - HTML / CSS - aula 1
Técnicas e processos - HTML / CSS - aula 1Técnicas e processos - HTML / CSS - aula 1
Técnicas e processos - HTML / CSS - aula 1
 
Apostila html
Apostila htmlApostila html
Apostila html
 
Html apresentação
Html apresentaçãoHtml apresentação
Html apresentação
 
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosHTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
 
Montando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões webMontando sites com XHTML e CSS utilizando os padrões web
Montando sites com XHTML e CSS utilizando os padrões web
 
ebook-material-didatico-sistemas-para-internet.pdf
ebook-material-didatico-sistemas-para-internet.pdfebook-material-didatico-sistemas-para-internet.pdf
ebook-material-didatico-sistemas-para-internet.pdf
 
HTML5
HTML5HTML5
HTML5
 

Mais de Tales Augusto

Top Plugins de Segurança para WordPress
Top Plugins de Segurança para WordPressTop Plugins de Segurança para WordPress
Top Plugins de Segurança para WordPressTales Augusto
 
Servidor local Wamp (2) Como Instalar Wamp
Servidor local   Wamp (2) Como Instalar WampServidor local   Wamp (2) Como Instalar Wamp
Servidor local Wamp (2) Como Instalar WampTales Augusto
 
Quais os Principais Recursos do Facebook
Quais os Principais Recursos do FacebookQuais os Principais Recursos do Facebook
Quais os Principais Recursos do FacebookTales Augusto
 
Introdução ao WordPress
Introdução ao WordPressIntrodução ao WordPress
Introdução ao WordPressTales Augusto
 
Gerenciador de Conteúdo
Gerenciador de ConteúdoGerenciador de Conteúdo
Gerenciador de ConteúdoTales Augusto
 
Formas de Pagamentos
Formas de PagamentosFormas de Pagamentos
Formas de PagamentosTales Augusto
 
Filezila FTP (envio de arquivos para o servidor)
Filezila   FTP (envio de arquivos para o servidor)Filezila   FTP (envio de arquivos para o servidor)
Filezila FTP (envio de arquivos para o servidor)Tales Augusto
 
Ferramentas do Google
Ferramentas do GoogleFerramentas do Google
Ferramentas do GoogleTales Augusto
 
11 idéias para montar seu negocio
11 idéias para montar seu negocio11 idéias para montar seu negocio
11 idéias para montar seu negocioTales Augusto
 
Curso Online de Wordpress - Universidade Wordpress
Curso Online de Wordpress - Universidade WordpressCurso Online de Wordpress - Universidade Wordpress
Curso Online de Wordpress - Universidade WordpressTales Augusto
 
Curso de Marketing Digital
Curso de Marketing DigitalCurso de Marketing Digital
Curso de Marketing DigitalTales Augusto
 
Mapa mental curso empresa online
Mapa mental curso empresa onlineMapa mental curso empresa online
Mapa mental curso empresa onlineTales Augusto
 
Como Ganhar Dinheiro na Internet - 5 maneiras
Como Ganhar Dinheiro na Internet - 5 maneirasComo Ganhar Dinheiro na Internet - 5 maneiras
Como Ganhar Dinheiro na Internet - 5 maneirasTales Augusto
 
5 maneiras de colocar sua empresa online
5 maneiras de colocar sua empresa online5 maneiras de colocar sua empresa online
5 maneiras de colocar sua empresa onlineTales Augusto
 
Tabelas de emolumentos_2014
Tabelas de emolumentos_2014Tabelas de emolumentos_2014
Tabelas de emolumentos_2014Tales Augusto
 

Mais de Tales Augusto (20)

Top Plugins de Segurança para WordPress
Top Plugins de Segurança para WordPressTop Plugins de Segurança para WordPress
Top Plugins de Segurança para WordPress
 
Servidor local Wamp (2) Como Instalar Wamp
Servidor local   Wamp (2) Como Instalar WampServidor local   Wamp (2) Como Instalar Wamp
Servidor local Wamp (2) Como Instalar Wamp
 
Quais os Principais Recursos do Facebook
Quais os Principais Recursos do FacebookQuais os Principais Recursos do Facebook
Quais os Principais Recursos do Facebook
 
Introdução ao WordPress
Introdução ao WordPressIntrodução ao WordPress
Introdução ao WordPress
 
Gerenciador de Conteúdo
Gerenciador de ConteúdoGerenciador de Conteúdo
Gerenciador de Conteúdo
 
Formas de Pagamentos
Formas de PagamentosFormas de Pagamentos
Formas de Pagamentos
 
Filezila FTP (envio de arquivos para o servidor)
Filezila   FTP (envio de arquivos para o servidor)Filezila   FTP (envio de arquivos para o servidor)
Filezila FTP (envio de arquivos para o servidor)
 
Ferramentas do Google
Ferramentas do GoogleFerramentas do Google
Ferramentas do Google
 
Edição de fotos
Edição de fotosEdição de fotos
Edição de fotos
 
Como Usar Contrato
Como Usar ContratoComo Usar Contrato
Como Usar Contrato
 
Como gerar receita
Como gerar receitaComo gerar receita
Como gerar receita
 
Briefing
BriefingBriefing
Briefing
 
Blog x site
Blog x siteBlog x site
Blog x site
 
11 idéias para montar seu negocio
11 idéias para montar seu negocio11 idéias para montar seu negocio
11 idéias para montar seu negocio
 
Curso Online de Wordpress - Universidade Wordpress
Curso Online de Wordpress - Universidade WordpressCurso Online de Wordpress - Universidade Wordpress
Curso Online de Wordpress - Universidade Wordpress
 
Curso de Marketing Digital
Curso de Marketing DigitalCurso de Marketing Digital
Curso de Marketing Digital
 
Mapa mental curso empresa online
Mapa mental curso empresa onlineMapa mental curso empresa online
Mapa mental curso empresa online
 
Como Ganhar Dinheiro na Internet - 5 maneiras
Como Ganhar Dinheiro na Internet - 5 maneirasComo Ganhar Dinheiro na Internet - 5 maneiras
Como Ganhar Dinheiro na Internet - 5 maneiras
 
5 maneiras de colocar sua empresa online
5 maneiras de colocar sua empresa online5 maneiras de colocar sua empresa online
5 maneiras de colocar sua empresa online
 
Tabelas de emolumentos_2014
Tabelas de emolumentos_2014Tabelas de emolumentos_2014
Tabelas de emolumentos_2014
 

Curso HTML introdução aulas

  • 1. Curso de HTML - Introdução Aula 01 Tales Augusto @talesdejesus www.talesaugusto.biz
  • 2. Algumas informações...  Olá Pessoal Meu nome é Tales Augusto e essa será a nossa primeira aula do curso de HTML do meu Blog.  Caso você queira receber a declaração no final deste curso basta deixar no final de cada aula seu comentário  Em breve será gerado um E-book a partir deste conteúdo publicado neste blog.
  • 4. O que Significa HTML?  HTML (abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto do “casamento” dos padrões HyTime e SGML.
  • 5. O que Significa HTML?  HyTime é um padrão para a representação estruturada de hipermídia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiperligações. O padrão é independente de outros padrões de processamento de texto em geral.
  • 6. O que Significa HTML?  SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiperobjetos e para descrever as ligações.
  • 7. O Criador  Tim Berners-Lee (físico britânico) criou o HTML original é também criador da World Wide Web (Rede Mundial de Computadores – Internet, tendo feito a primeira proposta para sua criação em março de 1989. Em 25 de dezembro de 1990, com a ajuda de Robert Cailliau e um jovem estudante do CERN, implementou a primeira comunicação bemsucedida entre um cliente HTTP e o servidor através da internet.
  • 8. História do HTML  As primeiras versões do HTML foram definidas com regras sintáticas flexíveis, o que ajudou aqueles sem familiaridade com a publicação na Web. Através do tempo, a utilização de ferramentas para autoria de HTML aumentou, assim como a tendência em tornar a sintaxe cada vez mais rígida. Apesar disso, por questões históricas ,os navegadores ainda hoje conseguem interpretar páginas web que estão longe de ser um código HTML válido.
  • 9. Versões  Devido ao seu rápido crescimento na Web, foi necessário criar um padrão para que todos os autores e navegadores pudessem reconhecer quaisquer versões do HTML, que são as seguintes: HTML 2.0, HTML 3.2, HTML 4.0 e o HTML 4.01.
  • 10. As Versões  Alguns creem que o HTML não tem futuro algum devido a existência do XHTML, mas se fomos ver bem, o browser mais utilizado hoje não suporta XHTML como deveria. As versões do HTML mais utilizadas hoje em dia são HTML 4.01 e XHTML 1.0. Essas 2 versões foram definidas pelo W3C a mais ou menos 7 a 8 anos. Apesar de cada versão, cada uma tem suas variantes que sempre devem ser definidas no documeno HTML: HTML 4.01 Strict: O mais utilizado, onde podem ser utilizadas tags do HTML 4.01, só que não são permitidas tags obsoletas.
  • 11. As Versões  HTML 4.01 Transitional: Esse permite utilizar tags de todas as versões HTML, mas não é muito recomendado.  HTML 4.01 Frameset: Tem suporte a frames, um modelo muito antiquado.
  • 12. O HTML 5 o HTML5 é uma resposta à observação de que o HTML e o XHTML, de uso comum na World Wide Web, é uma mistura de características introduzidas por várias especificações, juntamente com aquelas introduzidas por software, tais como os navegadores, aqueles estabelecidos pela prática comum, e os muitos erros de sintaxe em documentos existentes na web.
  • 13. O HTML 5  É, também, uma tentativa de definir uma única linguagem simples de marcação que possa ser escrita em HTML ou em sintaxe XHTML. Isso inclui modelos de processamento detalhados para incentivar implementações mais interoperáveis; isso estende, melhora e racionaliza a marcação disponível para documentos, e introduz marcações e interfaces de programação de aplicativos (APIs) para aplicações web complexas.
  • 14. O HTML 5 . Muitos recursos do HTML5 tem sido construídos com a consideração de ser capaz de executar em dispositivos de baixa potência como smartphones e tablets.
  • 15. O HTML 5  No início de 2008 o W3C – consórcio de empresas de tecnologia que coordena os padrões da internet quanto a linguagem – anunciou a primeira especificação do HTML5. O HTML, que é responsável por organizar e formatar as páginas que visitamos na Internet, está em sua versão 4.0.1 e continua evoluindo. Após cinco anos de trabalho, desde 2008 está em fase de esboço, enquanto a versão final está prevista para 2014.
  • 16. Fontes de Pesquisa:  http://www.pinceladasdaweb.com.br/blo g/2007/10/15/quais-sao-as-versoes-dohtml/  http://pt.wikipedia.org/wiki/HTML  http://pt.wikipedia.org/wiki/Tim_BernersLee
  • 17. Boa Sorte, Bons Estudos e até a Próxima!