SlideShare una empresa de Scribd logo

HTML, CSS e Javascript para Desenvolvimento Web

•Descargar como PPT, PDF•
•
N
Nuno Simaria

O documento descreve as linguagens HTML, CSS e JavaScript usadas no desenvolvimento para a web. Explica que HTML fornece a estrutura semântica das páginas, CSS permite associar estilos aos elementos HTML e JavaScript permite adicionar comportamentos dinâmicos. Detalha os principais elementos HTML como tags, cabeçalhos, parágrafos, links, imagens e formulários.

TecnologíaDiseño
1 de 15
DECA, CTC, P3 e P4
P4 – Desenvolvimento para a Web: HTML, CSS e Javascript
HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML - História Um pouco de história do HTML http://en.wikipedia.org/wiki/HTML - History
HTML - Elementos ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML – Elementos de estrutura do documento ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML – Elementos do <head> ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML – Elementos do <body> | Block level ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML – Elementos do <body> | Inline level ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML – Elementos do <body> | Imagens e Formulários ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML – Elementos do <body> | Tabelas ,[object Object],[object Object],[object Object],[object Object],[object Object]
HTML – Atributos, Classes e IDs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CSS ,[object Object],[object Object],[object Object]
CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CSS - selectores .post { color: #333; text-size: 14px; font-weight: bold; } Pseudo-selectores a { color: blue; } a:hover { color: red; }

Recomendados

Curso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptCurso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptPablo Sanches
 
Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03Leandro Rezende
 
Aula 07
Aula 07Aula 07
Aula 07Jorge Ávila Miranda
 
Html e css
Html e cssHtml e css
Html e cssmaxrosan
 
Aula 09
Aula 09Aula 09
Aula 09Jorge Ávila Miranda
 
Aula 04
Aula 04Aula 04
Aula 04Jorge Ávila Miranda
 
Css – cascading style sheets
Css – cascading style sheetsCss – cascading style sheets
Css – cascading style sheetsDenise Lima
 
Introdução ao CSS
Introdução ao CSSIntrodução ao CSS
Introdução ao CSSLeonardo Soares
 

Recomendados

Curso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptCurso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptPablo Sanches
 
Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03Desenvolvimento para a Internet - Aula 03
Desenvolvimento para a Internet - Aula 03Leandro Rezende
 
Aula 07
Aula 07Aula 07
Aula 07Jorge Ávila Miranda
 
Html e css
Html e cssHtml e css
Html e cssmaxrosan
 
Aula 09
Aula 09Aula 09
Aula 09Jorge Ávila Miranda
 
Aula 04
Aula 04Aula 04
Aula 04Jorge Ávila Miranda
 
Css – cascading style sheets
Css – cascading style sheetsCss – cascading style sheets
Css – cascading style sheetsDenise Lima
 
Introdução ao CSS
Introdução ao CSSIntrodução ao CSS
Introdução ao CSSLeonardo Soares
 
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
 
Mini-curso RoR - Aula 02
Mini-curso RoR - Aula 02Mini-curso RoR - Aula 02
Mini-curso RoR - Aula 02Agence Educacional
 
Padroes Web
Padroes WebPadroes Web
Padroes Webhellequin
 
Aula 03
Aula 03Aula 03
Aula 03Jorge Ávila Miranda
 
Css 3
Css 3Css 3
Css 3Pedro Neto
 
Aula 11
Aula 11Aula 11
Aula 11Jorge Ávila Miranda
 
Html 5 -_aula_2
Html 5 -_aula_2Html 5 -_aula_2
Html 5 -_aula_2Pedro Neto
 
Introdução a HTML, CSS, JS, Ajax
Introdução a HTML, CSS, JS, AjaxIntrodução a HTML, CSS, JS, Ajax
Introdução a HTML, CSS, JS, AjaxGabriel Kamimura Yano
 
Aula 06
Aula 06Aula 06
Aula 06Jorge Ávila Miranda
 
Slides Css3
Slides Css3 Slides Css3
Slides Css3 Pedro Neto
 
Curso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLCurso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLWillian Magalhães
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1Israel Messias
 
Curso HTML e CSS Part2
Curso HTML e CSS Part2Curso HTML e CSS Part2
Curso HTML e CSS Part2Herbet Ferreira Rodrigues
 
Curso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSSCurso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSSWillian Magalhães
 
Trabalho jQuery
Trabalho jQueryTrabalho jQuery
Trabalho jQuerygrupoucpel
 
Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1Herbet Ferreira Rodrigues
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2Israel Messias
 
Css basico
Css basicoCss basico
Css basicoDiego Paniago
 
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
 
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-loCurso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-loMichel Bernardes de Jesus
 
NoSQL
NoSQLNoSQL
NoSQLNuno Simaria
 
Internet - Como funciona - Academia de Verão UA
Internet - Como funciona - Academia de Verão UAInternet - Como funciona - Academia de Verão UA
Internet - Como funciona - Academia de Verão UANuno Simaria
 

Más contenido relacionado

La actualidad más candente

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
 
Html 5 -_aula_2
Html 5 -_aula_2Html 5 -_aula_2
Html 5 -_aula_2Pedro Neto
 
Curso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLCurso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLWillian Magalhães
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1Israel Messias
 
Curso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSSCurso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSSWillian Magalhães
 
Trabalho jQuery
Trabalho jQueryTrabalho jQuery
Trabalho jQuerygrupoucpel
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2Israel Messias
 
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
 
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-loCurso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-loMichel Bernardes de Jesus
 

La actualidad más candente (20)

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
 
Mini-curso RoR - Aula 02
Mini-curso RoR - Aula 02Mini-curso RoR - Aula 02
Mini-curso RoR - Aula 02
 
Padroes Web
Padroes WebPadroes Web
Padroes Web
 
Aula 03
Aula 03Aula 03
Aula 03
 
Css 3
Css 3Css 3
Css 3
 
Aula 11
Aula 11Aula 11
Aula 11
 
Html 5 -_aula_2
Html 5 -_aula_2Html 5 -_aula_2
Html 5 -_aula_2
 
Introdução a HTML, CSS, JS, Ajax
Introdução a HTML, CSS, JS, AjaxIntrodução a HTML, CSS, JS, Ajax
Introdução a HTML, CSS, JS, Ajax
 
Aula 06
Aula 06Aula 06
Aula 06
 
Slides Css3
Slides Css3 Slides Css3
Slides Css3
 
Curso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLCurso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTML
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1
 
Curso HTML e CSS Part2
Curso HTML e CSS Part2Curso HTML e CSS Part2
Curso HTML e CSS Part2
 
Curso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSSCurso Desenvolvimento WEB com PHP - CSS
Curso Desenvolvimento WEB com PHP - CSS
 
Trabalho jQuery
Trabalho jQueryTrabalho jQuery
Trabalho jQuery
 
Curso HTML e CSS Part1
Curso HTML e CSS Part1Curso HTML e CSS Part1
Curso HTML e CSS Part1
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2
 
Css basico
Css basicoCss basico
Css basico
 
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
 
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-loCurso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
Curso HTML módulo 4 - Como buscar um elemento html e personalizá-lo
 

Destacado

Internet - Como funciona - Academia de Verão UA
Internet - Como funciona - Academia de Verão UAInternet - Como funciona - Academia de Verão UA
Internet - Como funciona - Academia de Verão UANuno Simaria
 
Sce javascript framework first peek
Sce javascript framework first peekSce javascript framework first peek
Sce javascript framework first peekNuno Simaria
 
Javascript aplicado
Javascript aplicadoJavascript aplicado
Javascript aplicadoNuno Simaria
 
Academia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSSAcademia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSSNuno Simaria
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionIn a Rocket
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome EconomyHelge Tennø
 

Destacado (9)

NoSQL
NoSQLNoSQL
NoSQL
 
Internet - Como funciona - Academia de Verão UA
Internet - Como funciona - Academia de Verão UAInternet - Como funciona - Academia de Verão UA
Internet - Como funciona - Academia de Verão UA
 
Sce javascript framework first peek
Sce javascript framework first peekSce javascript framework first peek
Sce javascript framework first peek
 
Javascript aplicado
Javascript aplicadoJavascript aplicado
Javascript aplicado
 
Academia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSSAcademia verao 2011 - HTML + CSS
Academia verao 2011 - HTML + CSS
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
 
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job? Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome Economy
 

Similar a HTML, CSS e Javascript para Desenvolvimento Web

HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfCesar Braz
 
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Cristofer Sousa
 
XHTML, CSS e Semântica
XHTML, CSS e SemânticaXHTML, CSS e Semântica
XHTML, CSS e SemânticaAmanda Sposito
 
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)HTMLFabio Moura Pereira
 
Curso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLCurso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLWillian Magalhães
 
Css cascading style sheet
Css cascading style sheetCss cascading style sheet
Css cascading style sheetMorvana Bonin
 
Aula 1 programação web i
Aula 1 programação web iAula 1 programação web i
Aula 1 programação web iEliene Resende
 
Aula 1 programação web i
Aula 1 programação web iAula 1 programação web i
Aula 1 programação web iEliene Resende
 
01-Introdução HTML - DDW II
01-Introdução HTML - DDW II01-Introdução HTML - DDW II
01-Introdução HTML - DDW IIEvelyn Ramos
 

Similar a HTML, CSS e Javascript para Desenvolvimento Web (20)

W3 c
W3 cW3 c
W3 c
 
HTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdfHTML+&+CSS++Fundamentos.pdf
HTML+&+CSS++Fundamentos.pdf
 
Css completo(2)
Css completo(2)Css completo(2)
Css completo(2)
 
Css completo(2)
Css completo(2)Css completo(2)
Css completo(2)
 
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3 Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
Fundamentos e Desenvolvimento de Interface Web com HTML5 & CSS3
 
XHTML, CSS e Semântica
XHTML, CSS e SemânticaXHTML, CSS e Semântica
XHTML, CSS e Semântica
 
Xhtml 2011 - atualizado
Xhtml 2011 - atualizadoXhtml 2011 - atualizado
Xhtml 2011 - atualizado
 
Introdução ao HTML e CSS
Introdução ao HTML e CSSIntrodução ao HTML e CSS
Introdução ao 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
 
Curso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTMLCurso Desenvolvimento WEB com PHP - HTML
Curso Desenvolvimento WEB com PHP - HTML
 
Css cascading style sheet
Css cascading style sheetCss cascading style sheet
Css cascading style sheet
 
Apoio1020 apostila html
Apoio1020 apostila htmlApoio1020 apostila html
Apoio1020 apostila html
 
XHTML Básico
XHTML BásicoXHTML Básico
XHTML Básico
 
Mini curso html5 slides
Mini curso html5 slidesMini curso html5 slides
Mini curso html5 slides
 
Aula1
Aula1Aula1
Aula1
 
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
 
Aula 1 programação web i
Aula 1 programação web iAula 1 programação web i
Aula 1 programação web i
 
Aula 1 programação web i
Aula 1 programação web iAula 1 programação web i
Aula 1 programação web i
 
01-Introdução HTML - DDW II
01-Introdução HTML - DDW II01-Introdução HTML - DDW II
01-Introdução HTML - DDW II
 
Programacao para Web I 03 HTML
Programacao para Web I 03 HTMLProgramacao para Web I 03 HTML
Programacao para Web I 03 HTML
 

HTML, CSS e Javascript para Desenvolvimento Web

  • 2. P4 – Desenvolvimento para a Web: HTML, CSS e Javascript
  • 3.
  • 4. HTML - História Um pouco de história do HTML http://en.wikipedia.org/wiki/HTML - History
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. CSS - selectores .post { color: #333; text-size: 14px; font-weight: bold; } Pseudo-selectores a { color: blue; } a:hover { color: red; }