SlideShare uma empresa Scribd logo
1 de 12
Baixar para ler offline
HTML
HTML - HyperText Markup
            Language
• Linguagem de Marcação de
  Hipertexto
• linguagem de marcação utilizada
  para produzir páginas na Web.
• Documentos HTML são interpretados
  por navegadores.
• HTML 4.0 (1997)
EDITORES HTML
• Bloco de notas
• Adobe Dreamweaver
• Adobe GoLive
• PS-PAD
• Microsoft Expression Web
• Microsoft Frontpage
HTML – Versões
• HTML 4
• XHTML
• DHTML
ETIQUETA (TAG)
• Todo documento HTML apresenta
  etiquetas/tag
• Delimitadas entre sinal de menor e
  maior (< e >)
• A maioria das etiquetas/tag tem sua
  correspondente de fechamento:
            <tag>...</tag>
ETIQUETAS (TAG)
• Uma etiqueta/tag é formada por
  comandos, atributos e valores.
• Os atributos modificam os resultados
  padrões dos comandos e os valores
  caracterizam essa mudança.
Estrutura básica de um
         documento
• A estrutura de um documento HTML
  apresenta os seguintes
  componentes:
• As etiquetas básicas de HTML, cuja
  presença é altamente recomendada
  nas páginas são:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
 <title>Título do Documento</title>
</head>
<body>
 texto, imagem, links, ...
</body>
</html>
Estrutura básica de um
         documento
• <html> - início de um documento HTML
• <head> - cabeçalho de um documento
  HTML, traz informações sobre o
  documento.
• <body> - define o conteúdo principal.
  Esta é a parte do documento HTML que é
  exibida no navegador. Cor de fundo,
  margens, imagens, etc.
Réguas Horizontais
• HR
<hr>
<hr color=“red”>
Comentários
• Comentário é um texto que não
  aparecerá na página
• É altamente recomendável para
  ajudar a lembrar o que determinado
  bloco de tags faz
<!-- Comentário Comentário
  Comentário -->
REFERÊNCIAS
• HTML no W3C
• 10-minute guide
• HTML no Wikipedia
• Curso Grátis HTML no IPED

Mais conteúdo relacionado

Mais procurados

Introdução a HTML5 - Tags e Conceitos
Introdução a HTML5 - Tags e ConceitosIntrodução a HTML5 - Tags e Conceitos
Introdução a HTML5 - Tags e ConceitosJederson Secundino
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2Israel Messias
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAndré Constantino da Silva
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1Israel Messias
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML -  formatação de textoAula 3 – Linguagem HTML -  formatação de texto
Aula 3 – Linguagem HTML - formatação de textoAndré Constantino da Silva
 
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 Franciosneyfranciosney
 
Disciplina de Laboratório WEB
Disciplina de Laboratório WEBDisciplina de Laboratório WEB
Disciplina de Laboratório WEBFranciosney Souza
 
HTML - HyperText Markup Language - Review
HTML - HyperText Markup Language - ReviewHTML - HyperText Markup Language - Review
HTML - HyperText Markup Language - ReviewIsrael Messias
 
UFCD 0754 - Processador de Texto
UFCD 0754  - Processador de TextoUFCD 0754  - Processador de Texto
UFCD 0754 - Processador de TextoGonçalo Cruz Matos
 
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
 

Mais procurados (20)

Introdução a HTML5 - Tags e Conceitos
Introdução a HTML5 - Tags e ConceitosIntrodução a HTML5 - Tags e Conceitos
Introdução a HTML5 - Tags e Conceitos
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2
 
HTML
HTMLHTML
HTML
 
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estruturaAula 2 – Introdução a HTML - conceitos básicos e estrutura
Aula 2 – Introdução a HTML - conceitos básicos e estrutura
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1
 
Aula 3 – Linguagem HTML - formatação de texto
Aula 3 – Linguagem HTML -  formatação de textoAula 3 – Linguagem HTML -  formatação de texto
Aula 3 – Linguagem HTML - formatação de texto
 
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 Principios Básicos
HTML Principios BásicosHTML Principios Básicos
HTML Principios Básicos
 
Ambiente web
Ambiente webAmbiente web
Ambiente web
 
Html
HtmlHtml
Html
 
HTML introdução
HTML  introduçãoHTML  introdução
HTML introdução
 
HTML Formatando Textos
HTML Formatando TextosHTML Formatando Textos
HTML Formatando Textos
 
HTML
HTML HTML
HTML
 
Disciplina de Laboratório WEB
Disciplina de Laboratório WEBDisciplina de Laboratório WEB
Disciplina de Laboratório WEB
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao HTML e CSS
 
Introdução ao CSS
Introdução ao CSSIntrodução ao CSS
Introdução ao CSS
 
HTML - HyperText Markup Language - Review
HTML - HyperText Markup Language - ReviewHTML - HyperText Markup Language - Review
HTML - HyperText Markup Language - Review
 
UFCD 0754 - Processador de Texto
UFCD 0754  - Processador de TextoUFCD 0754  - Processador de Texto
UFCD 0754 - Processador de Texto
 
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
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 

Destaque

Estratégias de escablabilidade para serviços online
Estratégias de escablabilidade para serviços onlineEstratégias de escablabilidade para serviços online
Estratégias de escablabilidade para serviços onlineGuto Xavier
 
HTML - Cores Fontes Parágrafos
HTML - Cores Fontes ParágrafosHTML - Cores Fontes Parágrafos
HTML - Cores Fontes ParágrafosGuto Xavier
 
Revisitando Local Storage
Revisitando Local StorageRevisitando Local Storage
Revisitando Local StorageGuto Xavier
 

Destaque (6)

Javascript
JavascriptJavascript
Javascript
 
Primeira aula
Primeira aulaPrimeira aula
Primeira aula
 
HTML - Listas
HTML - ListasHTML - Listas
HTML - Listas
 
Estratégias de escablabilidade para serviços online
Estratégias de escablabilidade para serviços onlineEstratégias de escablabilidade para serviços online
Estratégias de escablabilidade para serviços online
 
HTML - Cores Fontes Parágrafos
HTML - Cores Fontes ParágrafosHTML - Cores Fontes Parágrafos
HTML - Cores Fontes Parágrafos
 
Revisitando Local Storage
Revisitando Local StorageRevisitando Local Storage
Revisitando Local Storage
 

Semelhante a HTML-Guia-Completo

Semelhante a HTML-Guia-Completo (20)

HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosHTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
 
Apostila html1
Apostila html1Apostila html1
Apostila html1
 
Html
HtmlHtml
Html
 
Apresentação1.pptx
Apresentação1.pptxApresentação1.pptx
Apresentação1.pptx
 
Html completo
Html completoHtml completo
Html completo
 
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...
 
AULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptxAULA 01 - Conceitos de HTML.pptx
AULA 01 - Conceitos de HTML.pptx
 
Apostila html
Apostila htmlApostila html
Apostila 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
 
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
 
Html apresentação
Html apresentaçãoHtml apresentação
Html apresentação
 
Aula01 Desenvolvimento em Ambiente Web - HTML
Aula01 Desenvolvimento em Ambiente Web - HTMLAula01 Desenvolvimento em Ambiente Web - HTML
Aula01 Desenvolvimento em Ambiente Web - HTML
 
RCOM 11º Ano - HTML
RCOM 11º Ano - HTMLRCOM 11º Ano - HTML
RCOM 11º Ano - HTML
 
HC - HTML - CSS.pdf
HC - HTML - CSS.pdfHC - HTML - CSS.pdf
HC - HTML - CSS.pdf
 
426 curso html
426 curso html426 curso html
426 curso html
 
Cs 02 introducao_html
Cs 02 introducao_htmlCs 02 introducao_html
Cs 02 introducao_html
 
Slides de html
Slides de htmlSlides de html
Slides de html
 
HTML básico
HTML básicoHTML básico
HTML básico
 
W3C Web Standards HTML
W3C Web Standards HTMLW3C Web Standards HTML
W3C Web Standards HTML
 
Curso de XHTML
Curso de XHTMLCurso de XHTML
Curso de XHTML
 

Mais de Guto Xavier

Criatividade devpira
Criatividade   devpiraCriatividade   devpira
Criatividade devpiraGuto Xavier
 
Introdução ao desenvolvimento com HTML 5
Introdução ao desenvolvimento com HTML 5Introdução ao desenvolvimento com HTML 5
Introdução ao desenvolvimento com HTML 5Guto Xavier
 
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelWeb design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelGuto Xavier
 
Técnicas de Apresentação em Público
Técnicas de Apresentação em PúblicoTécnicas de Apresentação em Público
Técnicas de Apresentação em PúblicoGuto Xavier
 
Empreendedorismo - você já teve uma ideia
Empreendedorismo - você já teve uma ideiaEmpreendedorismo - você já teve uma ideia
Empreendedorismo - você já teve uma ideiaGuto Xavier
 
Sistema de tarefas 1.0
Sistema de tarefas 1.0Sistema de tarefas 1.0
Sistema de tarefas 1.0Guto Xavier
 
Banco de Dados - Trabalho de Tauan Silva
Banco de Dados - Trabalho de Tauan SilvaBanco de Dados - Trabalho de Tauan Silva
Banco de Dados - Trabalho de Tauan SilvaGuto Xavier
 
Imagens digitais
Imagens digitaisImagens digitais
Imagens digitaisGuto Xavier
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãoGuto Xavier
 
Internet aula 3 social media
Internet aula 3   social mediaInternet aula 3   social media
Internet aula 3 social mediaGuto Xavier
 
Introdução internet
Introdução internetIntrodução internet
Introdução internetGuto Xavier
 
livro-grandes-marcas-grandes-negocios
livro-grandes-marcas-grandes-negocioslivro-grandes-marcas-grandes-negocios
livro-grandes-marcas-grandes-negociosGuto Xavier
 

Mais de Guto Xavier (20)

Criatividade devpira
Criatividade   devpiraCriatividade   devpira
Criatividade devpira
 
Introdução ao desenvolvimento com HTML 5
Introdução ao desenvolvimento com HTML 5Introdução ao desenvolvimento com HTML 5
Introdução ao desenvolvimento com HTML 5
 
Web design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptávelWeb design responsivo - Criando um site adaptável
Web design responsivo - Criando um site adaptável
 
Técnicas de Apresentação em Público
Técnicas de Apresentação em PúblicoTécnicas de Apresentação em Público
Técnicas de Apresentação em Público
 
Pitch de vendas
Pitch de vendasPitch de vendas
Pitch de vendas
 
Empreendedorismo - você já teve uma ideia
Empreendedorismo - você já teve uma ideiaEmpreendedorismo - você já teve uma ideia
Empreendedorismo - você já teve uma ideia
 
Sistema tst
Sistema tstSistema tst
Sistema tst
 
Sistema de tarefas 1.0
Sistema de tarefas 1.0Sistema de tarefas 1.0
Sistema de tarefas 1.0
 
Banco de Dados - Trabalho de Tauan Silva
Banco de Dados - Trabalho de Tauan SilvaBanco de Dados - Trabalho de Tauan Silva
Banco de Dados - Trabalho de Tauan Silva
 
Imagens digitais
Imagens digitaisImagens digitais
Imagens digitais
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Html
HtmlHtml
Html
 
Internet aula 3 social media
Internet aula 3   social mediaInternet aula 3   social media
Internet aula 3 social media
 
Fireworks
FireworksFireworks
Fireworks
 
Internet aula 2
Internet aula 2Internet aula 2
Internet aula 2
 
Introdução internet
Introdução internetIntrodução internet
Introdução internet
 
Windows
WindowsWindows
Windows
 
Windows 2
Windows 2Windows 2
Windows 2
 
Briefing
BriefingBriefing
Briefing
 
livro-grandes-marcas-grandes-negocios
livro-grandes-marcas-grandes-negocioslivro-grandes-marcas-grandes-negocios
livro-grandes-marcas-grandes-negocios
 

HTML-Guia-Completo

  • 2. HTML - HyperText Markup Language • Linguagem de Marcação de Hipertexto • linguagem de marcação utilizada para produzir páginas na Web. • Documentos HTML são interpretados por navegadores. • HTML 4.0 (1997)
  • 3. EDITORES HTML • Bloco de notas • Adobe Dreamweaver • Adobe GoLive • PS-PAD • Microsoft Expression Web • Microsoft Frontpage
  • 4. HTML – Versões • HTML 4 • XHTML • DHTML
  • 5. ETIQUETA (TAG) • Todo documento HTML apresenta etiquetas/tag • Delimitadas entre sinal de menor e maior (< e >) • A maioria das etiquetas/tag tem sua correspondente de fechamento: <tag>...</tag>
  • 6. ETIQUETAS (TAG) • Uma etiqueta/tag é formada por comandos, atributos e valores. • Os atributos modificam os resultados padrões dos comandos e os valores caracterizam essa mudança.
  • 7. Estrutura básica de um documento • A estrutura de um documento HTML apresenta os seguintes componentes: • As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:
  • 8. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Título do Documento</title> </head> <body> texto, imagem, links, ... </body> </html>
  • 9. Estrutura básica de um documento • <html> - início de um documento HTML • <head> - cabeçalho de um documento HTML, traz informações sobre o documento. • <body> - define o conteúdo principal. Esta é a parte do documento HTML que é exibida no navegador. Cor de fundo, margens, imagens, etc.
  • 11. Comentários • Comentário é um texto que não aparecerá na página • É altamente recomendável para ajudar a lembrar o que determinado bloco de tags faz <!-- Comentário Comentário Comentário -->
  • 12. REFERÊNCIAS • HTML no W3C • 10-minute guide • HTML no Wikipedia • Curso Grátis HTML no IPED