SlideShare uma empresa Scribd logo
1 de 7
Atelier Web
01: revisões e introdução
keywords: html, tags html, html5, software web-server, software
:: introdução / revisões
 O que é o HTML?
 “HTML (acrônimo 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.” (http://pt.wikipedia.org/wiki/HTML )
2
:: HTML/revisões
 Exemplo de um documento HTML
3
:: HTML/revisões
 A criação, publicação e visualização de páginas na Web passa por:
 Criar os documentos em formato HTML;
 Validar os documentos, eliminando os seus erros de sintaxe;
 Colocar os documentos num directório público de um servidor HTTP;
 Aceder às páginas através de
 http://endereço/nome_do_ficheiro
 Se o ficheiro for omitido, é assumido um nome por defeito (normalmente index.html)
 É obrigatório que seja index.html? Porquê?
4
:: HTML/revisões
 markups:
a) html
b) head
c) title
d) body
e) br
f) p
g) img
h) meta
i) h1
j) h6
k) i
l) b
m) doctype
n) style
o) hr
p) ul
q) ol
r) table
s) &nbps
5
:: HTML/revisões
 head:
 title
 base
 link
 style
 script
 object
 meta
 comentários ( <!-- APM, ESEV -->)
6
:: HTML/revisões
 Componha o seguinte texto:
7

Mais conteúdo relacionado

Semelhante a a01_aw_2122_revisoesHTML.pptx

HTML - Introdução
HTML - IntroduçãoHTML - Introdução
HTML - IntroduçãoGuto Xavier
 
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
 
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.pdfRubenManhia
 
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
 
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosHTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosGeorge Mendonça
 
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e Parágrafo
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoIntrodução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e Parágrafo
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoAlamo Saravali
 
Curso de html básico
Curso de html básicoCurso de html básico
Curso de html básicohigson
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Webigorpimentel
 
Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Jolvani Morgan
 
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
 
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.pdfRMartinxxx
 
Html completo
Html completoHtml completo
Html completoEMSNEWS
 
Introdução de web
Introdução de webIntrodução de web
Introdução de webSedu
 

Semelhante a a01_aw_2122_revisoesHTML.pptx (20)

HTML - Introdução
HTML - IntroduçãoHTML - Introdução
HTML - Introdução
 
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
 
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
 
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
 
HTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - ConceitosHTML HardCore Parte 1 - Conceitos
HTML HardCore Parte 1 - Conceitos
 
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e Parágrafo
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e ParágrafoIntrodução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e Parágrafo
Introdução ao HTML - Parte 1 - O que é?, Títulos, Texto Simples e Parágrafo
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML Básico - Programador web
HTML Básico - Programador webHTML Básico - Programador web
HTML Básico - Programador web
 
Curso de html básico
Curso de html básicoCurso de html básico
Curso de html básico
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Web
 
Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02Aula 02 e 03 estrutura básica parte 01 e 02
Aula 02 e 03 estrutura básica parte 01 e 02
 
Apresentacao html css
Apresentacao html cssApresentacao html css
Apresentacao html css
 
Php
PhpPhp
Php
 
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 curso xhtml css
Apostila curso xhtml cssApostila curso xhtml css
Apostila curso xhtml css
 
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
 
Apostila html1
Apostila html1Apostila html1
Apostila html1
 
Html completo
Html completoHtml completo
Html completo
 
Introdução de web
Introdução de webIntrodução de web
Introdução de web
 

a01_aw_2122_revisoesHTML.pptx

  • 1. Atelier Web 01: revisões e introdução keywords: html, tags html, html5, software web-server, software
  • 2. :: introdução / revisões  O que é o HTML?  “HTML (acrônimo 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.” (http://pt.wikipedia.org/wiki/HTML ) 2
  • 3. :: HTML/revisões  Exemplo de um documento HTML 3
  • 4. :: HTML/revisões  A criação, publicação e visualização de páginas na Web passa por:  Criar os documentos em formato HTML;  Validar os documentos, eliminando os seus erros de sintaxe;  Colocar os documentos num directório público de um servidor HTTP;  Aceder às páginas através de  http://endereço/nome_do_ficheiro  Se o ficheiro for omitido, é assumido um nome por defeito (normalmente index.html)  É obrigatório que seja index.html? Porquê? 4
  • 5. :: HTML/revisões  markups: a) html b) head c) title d) body e) br f) p g) img h) meta i) h1 j) h6 k) i l) b m) doctype n) style o) hr p) ul q) ol r) table s) &nbps 5
  • 6. :: HTML/revisões  head:  title  base  link  style  script  object  meta  comentários ( <!-- APM, ESEV -->) 6
  • 7. :: HTML/revisões  Componha o seguinte texto: 7

Notas do Editor

  1. The <base> tag specifies the base URL/target for all relative URLs in a document.