TWiki-Colivre> Tech Web>OQueÉXHTML (24 May 2008, MonicaPaz)EditAttach

XHTML

Start Presentation

Slide 1: Motivação XHTML

Unir o útil ao agradável

Slide 2: O que é XHTML?

  • XHTML é EXtensible HyperText Markup Language
  • XHTML foi criado para substituir o HTML
  • XHTML é uma versão mais enchuta de HTML
  • XHTML is HTML defined as an XML application
  • XHTML is a W3C? Recommendation

Slide 3: Não Adianta Blá, Blá, Blá

Os documentos html agora devem ser escritos com as tags html em caixa baixa e não deve ser esquecer de fechar as tags.

Slide 4: Características

  • Os elementos XHTML devem ser corretamente aninhados
  • Os documentos XHTML devem ser bem formados
  • Os nomes das Tags devem estar em caixa baixa (_ lowercase_)
  • Todos os elementos XHTML devem ser fechados

Slide 5: Os elementos XHTML devem ser corretamente aninhados 

<b><i>Este texto é negrito e itálico</b></i>


<b><i>Este texto é negrito e itálico</i></b>

Slide 6: Os documentos XHTML devem ser bem formados 

<html>
<head> ... </head>
<body> ... </body>
</html>
Ou seja, todos os elementos podem ter sub-elementos. Os sub-elementos têm que aparecer em pares e aninhados corretamente com os elementos parentes.

Slide 7: Os nomes das tags devem aparecer em caixa baixa (lowercase) 

<BODY>
<P>Isto é um parágrafo</P>
</BODY>



<body>
<p>Isto é um parágrafo</p>
</body>

__OBS: Isso se deve pelo fato de documentos XHTML serem aplicações XML e XML é case-sensitive.

Slide 8: Todos os elementos XHTML devem ser fechados 


<p>Isto é um parágrafo
<br>Isto é uma quebra de linha
<img src="bli.jpg" alt="bli" > Isto é uma imagem




<p>Isto é um parágrafo</p>
<br/>Isto é uma quebra de linha
<img src="bli.jpg" alt="bli" /> Isto é uma imagem

Slide 9: Os nome de atributos devem estar em caixa baixa (lowercase) e entre aspas 


<table WIDTH="100%">
<table width=100%>




<table width="100%">
<table width="100%">

Slide 10: Será que você aprendeu?

Teste seus conhecimentos nesse quiz:

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

Slide 11: Vamos usar XHTML?

Exemplo XHTML do Nosso Projeto

Slide 12: Como faço Validar um documento XHTML?

Visite:

http://validator.w3.org/

Edit | Attach | Print version | History: r4 < r3 < r2 < r1 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r4 - 24 May 2008 - 17:52:34 - 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.