TWiki-Colivre> Tech Web>OQueÉHTML (27 May 2008, MonicaPaz)EditAttach

O que é HTML

Start Presentation

Slide 1: Pré-Requisito?

  • Uma noção de como funciona a internet (yep!)

Slide 2: Para que estudar HTML?

...

Slide 3: O que é HTML?

  • HTML significa Hyper Text Markup Language
  • HTML é um arquivo texto que contém pequenas tags de marcação
  • As tags de marcação dizem para o navegador como mostrar a página
  • Um arquivo html deve possuir a extensão htm ou html
  • Um arquivo html pode ser criado usando um editor de texto simples

Slide 4: TAGS

  • As tags são usadas para marcar elemento HTML
  • As tags HTML estão entre os caracteres "<" e ">"
  • As tags HTML normalmente estão em pares como <i> e </i>
  • Tipo de tags
    • Abertura: 
       <etiqueta>
    • Fechamento: 
       </etiqueta>
      comando não é um bom nome exemplo para uma tag. Comando está relacionado com programação, a ordem para uma ação. A tag é uma marcação, sua tradução é uma boa dica de seu propósito: "Etiqueta".
  • O texto entre a abertura e o fechamento de uma tag é o conteúdo do elemento HTML
  • As tags não são case sensitive
  • Então... 
     <eTIqueta> conteúdo do elemento comando. </ETIQUETA>

Slide 5: Será que eu menti?

<center> <b>HTML é tag, nada mais!!! </b>
Aprender HTML é aprender como usar as diferentes tags. </center>

Slide 6: Documento HTML Básico - Parte Chata 

<html>
    <head>
        <title>
        </title>
    </head>
    <body>
        <i>Aqui fica o conteúdo.</i><b>Incrível</b>
    </body>
</html>

Slide 7: Documento HTML Básico - Parte Legal

Faça você mesmo!!!

Slide 8: Atributos das Tags

  • Informações adicionais sobre os elementos HTML
  • Por exemplo: 

<body bgcolor="red">

  • Os atributtos HTML sempre aparecem em um par nome/atributo no formato: nome="valor"

Slide 9: Vamos aprender na prática?

O Projeto

Slide 10: Outras Tags

Frame:

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_frame_navigation 

<!--  isso é um comentário -->

Slide 11: Será que você aprendeu?

http://www.w3schools.com/quiztest/quiztest.asp?qtest=HTML

Slide 12: Referências

-- LeandroNunes - 21 Jul 2006

Edit | Attach | Print version | History: r13 < r12 < r11 < r10 < r9 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r13 - 27 May 2008 - 11:50:06 - MonicaPaz
 
Copyright © Colivre 2006-2008.
Todo conteúdo deste site está licenciado sob uma Licença Creative Commons BY-NC-SA 2.5.
Para uso comercial deste conteúdo, por favor, contate-nos.