HTMLHyperText Markup Language
O que veremos
O que é o HTML?
Para que serve o HTML?
História do HTML
Começando…(mãos na massa)
O que é o HTML?
HTML é...
1. um arquivo que pode ser
interpretado por navegadores.
2. uma linguagem de marcação,
Linguagem de Marcação de
Hipertexto
3. a linguagem base da internet.
4. para ser de fácil entendimento
por seres humanos e também
por máquinas.
A principal característica do HTML é de ser uma
linguagem de hipertexto, isto é, as páginas podem
ser ligadas uma a outra. Ou seja, você lê sobre
algo, lá já há links contendo informações que
podem aprofundar o mesmo tema, ou
simplesmente, uma sequência de páginas.
Para que serve o HTML?
Para...
1. desenvolver websites.
2. Criarmos contéudo de
pesquisas, bem como wikis,
blogs, portais, etc...
O fato dela ser interpretada significa que o
programa, o browser, vai lendo suas tags e
"traduzindo" para a formatação, ou seja, assim
criar parágrafos, cabeçalhos, títulos, formulários,
enfim, tudo o que vemos em uma página de
internet.
História do HTML?
Timothy John Berners-Lee é o criador da
World Wide Web (Rede Mundial de
Computadores - Internet)…
Enquanto ele atuava no CERN (Organização
Europeia para a Pesquisa Nuclear), de Junho a
dezembro de 1980, Berners-Lee propôs um
projeto baseado no conceito de hipertexto para
facilitar a partilha e atualização de informações
entre os pesquisadores, tendo feito a primeira
proposta para sua criação a 25 de março de
1989.
Tim Bernes Lee
World Wide Web
A World Wide Web também conhecida como Web ou WWW, é um sistema
de documentos em hipermídia que são interligados e executados na
Internet.
Os documentos podem estar na forma de vídeos, sons, hipertextos e
figuras. Para consultar a informação, pode-se usar um programa de
computador chamado navegador para descarregar informações
(chamadas "documentos" ou "páginas") de servidores web (ou "sítios") e
mostrá-los na tela do usuário. O usuário (utilizador) pode então seguir as
hiperligações na página para outros documentos ou mesmo enviar
informações de volta para o servidor para interagir com ele. O ato de
seguir hiperligações é, comumente, chamado "navegar" ou "surfar" na
Web.
O primeiro site foi construído no CERN e foi
posto on line em 6 de Agosto de 1991.
A primeira imagem só foi colocada on line
um ano depois, em 1992. A Internet mudou
o mundo: computadores, tablets e
smartphones invadiram o dia-a-dia e são
encarados como algo natural por todos
aqueles que já nasceram na Era Digital.
A revolução chamada World
Wide Web
Mais um pouco de
história...
Links com informações e
infográficos
● Tim Berners-Lee: o passado e o
futuro da Internet
● Conheça o primeiro website da
história da Internet
● A evolução da Web
Começando…(mãos na massa)
A estrutura basica de uma página HTML é
<!DOCTYPE html>
<html>
<head>
<title>COLOQUE AQUI O TÍTULO DA PÁGINA</title>
</head>
<body>
DAQUI EM DIANTE Você DESENVOLVE SUA PÁGINA.
</body>
</html>
Estrutura inicial HTML
Observe que a construção de páginas exige o uso de marcadores chamados
de “TAGS”. Vejamos o conceito das tags usadas no exemplo anterior.
Tags
TAG O QUE FAZ
<html> Marca o início e o fim do documento HTML. Com ele você inicia e finaliza a
construção da página Web.
<head> Marca o início e o fim do cabeçalho, ou seja, a área onde serão descritos
cabeçalhos e o título da página.
<title> Marca o início e o fim do título do cabeçalho. O título da página aparecerá na
barra superior do browser/ navegador.
<body> Marca o início e o fim do corpo da página.
Observação importante: toda tag aberta deve ser fechada
em algum ponto. Para isso se usa a barra “/” dentro de uma
tag semelhante a de abertura. Por exemplo, a tag <table>
deve ser fechada com a tag </table>. Existem ainda as tags
que são abertas e fechadas em um único marcador, por
exemplo, a tag <br/> que representa uma quebra de linha,
não precisa de outra de fechamento, pois ela fecha a si
própria com a barra posta no final.
Conclusão
Segue links para praticar e aprender mais sobre html:
- http://www.comofazerumsite.com/criarsite/tutorial_html.html
- http://www.clem.ufba.br/tuts/html/default.htm
- http://www.linhadecodigo.com.br/artigo/81/html-basico.aspx

Html

  • 1.
  • 2.
    O que veremos Oque é o HTML? Para que serve o HTML? História do HTML Começando…(mãos na massa)
  • 3.
    O que éo HTML?
  • 4.
    HTML é... 1. umarquivo que pode ser interpretado por navegadores. 2. uma linguagem de marcação, Linguagem de Marcação de Hipertexto 3. a linguagem base da internet. 4. para ser de fácil entendimento por seres humanos e também por máquinas.
  • 5.
    A principal característicado HTML é de ser uma linguagem de hipertexto, isto é, as páginas podem ser ligadas uma a outra. Ou seja, você lê sobre algo, lá já há links contendo informações que podem aprofundar o mesmo tema, ou simplesmente, uma sequência de páginas.
  • 6.
  • 7.
    Para... 1. desenvolver websites. 2.Criarmos contéudo de pesquisas, bem como wikis, blogs, portais, etc...
  • 8.
    O fato delaser interpretada significa que o programa, o browser, vai lendo suas tags e "traduzindo" para a formatação, ou seja, assim criar parágrafos, cabeçalhos, títulos, formulários, enfim, tudo o que vemos em uma página de internet.
  • 9.
  • 10.
    Timothy John Berners-Leeé o criador da World Wide Web (Rede Mundial de Computadores - Internet)… Enquanto ele atuava no CERN (Organização Europeia para a Pesquisa Nuclear), de Junho a dezembro de 1980, Berners-Lee propôs um projeto baseado no conceito de hipertexto para facilitar a partilha e atualização de informações entre os pesquisadores, tendo feito a primeira proposta para sua criação a 25 de março de 1989. Tim Bernes Lee
  • 11.
  • 12.
    A World WideWeb também conhecida como Web ou WWW, é um sistema de documentos em hipermídia que são interligados e executados na Internet. Os documentos podem estar na forma de vídeos, sons, hipertextos e figuras. Para consultar a informação, pode-se usar um programa de computador chamado navegador para descarregar informações (chamadas "documentos" ou "páginas") de servidores web (ou "sítios") e mostrá-los na tela do usuário. O usuário (utilizador) pode então seguir as hiperligações na página para outros documentos ou mesmo enviar informações de volta para o servidor para interagir com ele. O ato de seguir hiperligações é, comumente, chamado "navegar" ou "surfar" na Web.
  • 13.
    O primeiro sitefoi construído no CERN e foi posto on line em 6 de Agosto de 1991. A primeira imagem só foi colocada on line um ano depois, em 1992. A Internet mudou o mundo: computadores, tablets e smartphones invadiram o dia-a-dia e são encarados como algo natural por todos aqueles que já nasceram na Era Digital. A revolução chamada World Wide Web
  • 14.
    Mais um poucode história... Links com informações e infográficos ● Tim Berners-Lee: o passado e o futuro da Internet ● Conheça o primeiro website da história da Internet ● A evolução da Web
  • 15.
  • 16.
    A estrutura basicade uma página HTML é <!DOCTYPE html> <html> <head> <title>COLOQUE AQUI O TÍTULO DA PÁGINA</title> </head> <body> DAQUI EM DIANTE Você DESENVOLVE SUA PÁGINA. </body> </html> Estrutura inicial HTML
  • 17.
    Observe que aconstrução de páginas exige o uso de marcadores chamados de “TAGS”. Vejamos o conceito das tags usadas no exemplo anterior. Tags TAG O QUE FAZ <html> Marca o início e o fim do documento HTML. Com ele você inicia e finaliza a construção da página Web. <head> Marca o início e o fim do cabeçalho, ou seja, a área onde serão descritos cabeçalhos e o título da página. <title> Marca o início e o fim do título do cabeçalho. O título da página aparecerá na barra superior do browser/ navegador. <body> Marca o início e o fim do corpo da página.
  • 18.
    Observação importante: todatag aberta deve ser fechada em algum ponto. Para isso se usa a barra “/” dentro de uma tag semelhante a de abertura. Por exemplo, a tag <table> deve ser fechada com a tag </table>. Existem ainda as tags que são abertas e fechadas em um único marcador, por exemplo, a tag <br/> que representa uma quebra de linha, não precisa de outra de fechamento, pois ela fecha a si própria com a barra posta no final.
  • 19.
    Conclusão Segue links parapraticar e aprender mais sobre html: - http://www.comofazerumsite.com/criarsite/tutorial_html.html - http://www.clem.ufba.br/tuts/html/default.htm - http://www.linhadecodigo.com.br/artigo/81/html-basico.aspx