SlideShare una empresa de Scribd logo
1 de 8
Descargar para leer sin conexión
HTML
(html, css, javascript)
Wanderlei Silva do Carmo
<wander.silva@gmail.com>
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
na construção de páginas na Web. Documentos HTML
podem ser interpretados por navegadores. A tecnologia é
fruto da junção entre os padrões HyTime e SGML.
https://pt.m.wikipedia.org/wiki/HTML
JAVASCRIPT
●
JavaScript é uma das três principais tecnologias da
World Wide Web. JavaScript permite páginas da Web
interativas e, portanto, é uma parte essencial dos
aplicativos da web. A grande maioria dos sites usa, e
todos os principais navegadores têm um mecanismo
JavaScript dedicado para executá-lo.
https://pt.m.wikipedia.org/wiki/Javascript
CSS
●
Cascading Style Sheets (CSS) é um mecanismo para
adicionar estilo (cores, fontes, espaçamento, etc.) a um
documento web
https://pt.m.wikipedia.org/wiki/Cascading_Style_Sheets
TAG’s e Elementos
●
Tags são o conjunto de caracteres que formam
um elemento
●
Elementos são formados a partir de Tags e
entre as Tags é que está o conteúdo do
Elemento.
Ex.: <p>tudo que estiver aqui é um parágrafo</p>
<h1>Isso é um cabeçalho de nível 1</h1>
http://tableless.github.io/iniciantes/manual/html/oquetags.html
Atributos
●
Atributos são informações que passamos na
Tag para que ela se comporte da maneira
esperada.
Os Atributos possuem nome e um valor, existem Atributos que
você vai usar praticamente sempre e existem outros que serão
mais raros.
Ex.: <div id=”div1” style=”color: #fafafa;”>
Div é uma camada para divisão lógica de conteúdo
</div>
Id e style são atributos.
http://tableless.github.io/iniciantes/manual/html/oquetags.html
DOM – Document Object Model
https://www.todoespacoonline.com/w/2014/05/dom-e-javascript/
O DOM (Document Object
Model) é uma interface
independente de plataforma e
linguagem que permite aos
programas e scripts
atualizarem dinamicamente a
estrutura, conteúdo e estilo
de documentos XML, HTML e
demais. Isso significa que o
DOM não é apenas utilizado
em Javascript, de fato, outras
linguagens de programação
podem fazer uso do DOM em
suas funções
PRINCIPAIS TAG’s HTML
Atividades em laboratório…
– Material para referência.
http://www.livesportscenter.com.br/Apostila-HTML-e-CSS.pdf

Más contenido relacionado

Similar a HTML, CSS e JavaScript - Principais conceitos

Aula Inaugural Faveni - glauciobedim.com
Aula Inaugural Faveni - glauciobedim.comAula Inaugural Faveni - glauciobedim.com
Aula Inaugural Faveni - glauciobedim.comAgência GB Creative
 
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 1Ritielle de Souza
 
Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica TrabalhoAdagenor Ribeiro
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Webigorpimentel
 
DHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup LanguageDHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup LanguageDenilson Sousa
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsNáiron Jcg
 
DESENVOLVIMENTO DE APLICAÇÕES WEB
DESENVOLVIMENTO DE APLICAÇÕES WEBDESENVOLVIMENTO DE APLICAÇÕES WEB
DESENVOLVIMENTO DE APLICAÇÕES WEBPatrick Monteiro
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livreRuan Carvalho
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software LivreRuan Carvalho
 
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012Fábio Flatschart
 
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
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
 
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Gustavo Zimmermann
 
Curso de html - Introdução ao HTML
Curso de html -  Introdução ao HTMLCurso de html -  Introdução ao HTML
Curso de html - Introdução ao HTMLTales Augusto
 

Similar a HTML, CSS e JavaScript - Principais conceitos (20)

Aula01-JavaScript
Aula01-JavaScriptAula01-JavaScript
Aula01-JavaScript
 
Aula Inaugural Faveni - glauciobedim.com
Aula Inaugural Faveni - glauciobedim.comAula Inaugural Faveni - glauciobedim.com
Aula Inaugural Faveni - glauciobedim.com
 
Professor rogerio-apostila
Professor rogerio-apostilaProfessor rogerio-apostila
Professor rogerio-apostila
 
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
 
Linguagem html
Linguagem htmlLinguagem html
Linguagem html
 
Html E Websemantica Trabalho
Html E Websemantica TrabalhoHtml E Websemantica Trabalho
Html E Websemantica Trabalho
 
HTML5
HTML5HTML5
HTML5
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Web
 
DHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup LanguageDHTML - Dynamic HyperText Markup Language
DHTML - Dynamic HyperText Markup Language
 
Benef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandardsBenef&iacute;cios dos WebStandards
Benef&iacute;cios dos WebStandards
 
DESENVOLVIMENTO DE APLICAÇÕES WEB
DESENVOLVIMENTO DE APLICAÇÕES WEBDESENVOLVIMENTO DE APLICAÇÕES WEB
DESENVOLVIMENTO DE APLICAÇÕES WEB
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
 
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012
 
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
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
 
a01_aw_2122_revisoesHTML.pptx
a01_aw_2122_revisoesHTML.pptxa01_aw_2122_revisoesHTML.pptx
a01_aw_2122_revisoesHTML.pptx
 
Html
HtmlHtml
Html
 
Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)Introdução ao Web Design: Aula 5 - HTML (part. 1)
Introdução ao Web Design: Aula 5 - HTML (part. 1)
 
Curso de html - Introdução ao HTML
Curso de html -  Introdução ao HTMLCurso de html -  Introdução ao HTML
Curso de html - Introdução ao HTML
 

Más de Wanderlei Silva do Carmo (16)

Apresentação programação de computadores
Apresentação   programação de computadoresApresentação   programação de computadores
Apresentação programação de computadores
 
Desenvolvimento para Windows Mobile
Desenvolvimento para Windows MobileDesenvolvimento para Windows Mobile
Desenvolvimento para Windows Mobile
 
Desenvolvimento IOS - Mobile
Desenvolvimento IOS - MobileDesenvolvimento IOS - Mobile
Desenvolvimento IOS - Mobile
 
Segurança de código
Segurança de códigoSegurança de código
Segurança de código
 
Mini aula-java
Mini aula-javaMini aula-java
Mini aula-java
 
Mini aula análise de requisitos
Mini aula análise de requisitosMini aula análise de requisitos
Mini aula análise de requisitos
 
Mini aula de teste de software
Mini aula de teste de softwareMini aula de teste de software
Mini aula de teste de software
 
Mini aula-java
Mini aula-javaMini aula-java
Mini aula-java
 
Mini aula-java
Mini aula-javaMini aula-java
Mini aula-java
 
HTML Básico
HTML BásicoHTML Básico
HTML Básico
 
Vagrant uma ferramenta realmente útil e versátil
Vagrant   uma ferramenta realmente útil e versátilVagrant   uma ferramenta realmente útil e versátil
Vagrant uma ferramenta realmente útil e versátil
 
Conceitos Básicos de Orientação o Objetos aplicdo ao VBA - Classes em vba
Conceitos Básicos de Orientação o Objetos aplicdo ao VBA - Classes em vbaConceitos Básicos de Orientação o Objetos aplicdo ao VBA - Classes em vba
Conceitos Básicos de Orientação o Objetos aplicdo ao VBA - Classes em vba
 
Curso gratuitoshellscript nivel-2
Curso gratuitoshellscript nivel-2Curso gratuitoshellscript nivel-2
Curso gratuitoshellscript nivel-2
 
Curso Gratuito de Shell Script
Curso Gratuito de Shell ScriptCurso Gratuito de Shell Script
Curso Gratuito de Shell Script
 
Programação de computadores
Programação de computadoresProgramação de computadores
Programação de computadores
 
Operadores lógicos
Operadores lógicosOperadores lógicos
Operadores lógicos
 

HTML, CSS e JavaScript - Principais conceitos

  • 1. HTML (html, css, javascript) Wanderlei Silva do Carmo <wander.silva@gmail.com>
  • 2. 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 na construção de páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto da junção entre os padrões HyTime e SGML. https://pt.m.wikipedia.org/wiki/HTML
  • 3. JAVASCRIPT ● JavaScript é uma das três principais tecnologias da World Wide Web. JavaScript permite páginas da Web interativas e, portanto, é uma parte essencial dos aplicativos da web. A grande maioria dos sites usa, e todos os principais navegadores têm um mecanismo JavaScript dedicado para executá-lo. https://pt.m.wikipedia.org/wiki/Javascript
  • 4. CSS ● Cascading Style Sheets (CSS) é um mecanismo para adicionar estilo (cores, fontes, espaçamento, etc.) a um documento web https://pt.m.wikipedia.org/wiki/Cascading_Style_Sheets
  • 5. TAG’s e Elementos ● Tags são o conjunto de caracteres que formam um elemento ● Elementos são formados a partir de Tags e entre as Tags é que está o conteúdo do Elemento. Ex.: <p>tudo que estiver aqui é um parágrafo</p> <h1>Isso é um cabeçalho de nível 1</h1> http://tableless.github.io/iniciantes/manual/html/oquetags.html
  • 6. Atributos ● Atributos são informações que passamos na Tag para que ela se comporte da maneira esperada. Os Atributos possuem nome e um valor, existem Atributos que você vai usar praticamente sempre e existem outros que serão mais raros. Ex.: <div id=”div1” style=”color: #fafafa;”> Div é uma camada para divisão lógica de conteúdo </div> Id e style são atributos. http://tableless.github.io/iniciantes/manual/html/oquetags.html
  • 7. DOM – Document Object Model https://www.todoespacoonline.com/w/2014/05/dom-e-javascript/ O DOM (Document Object Model) é uma interface independente de plataforma e linguagem que permite aos programas e scripts atualizarem dinamicamente a estrutura, conteúdo e estilo de documentos XML, HTML e demais. Isso significa que o DOM não é apenas utilizado em Javascript, de fato, outras linguagens de programação podem fazer uso do DOM em suas funções
  • 8. PRINCIPAIS TAG’s HTML Atividades em laboratório… – Material para referência. http://www.livesportscenter.com.br/Apostila-HTML-e-CSS.pdf