Transferir como PDF, PPTX
Carregado porDinis Correia
HTML&CSS 2 - Intermediate HTML
O documento descreve as principais tags e elementos do HTML e XHTML para estruturar páginas web, incluindo parágrafos, títulos, imagens, links, tabelas e formulários. Discutem também a história e sintaxe destas linguagens.
HTML&CSS 2 - Intermediate HTML
- 1. HTML 2 & CSS DINIS CORREIA 2011 cbn
- 3.
- 4.
- 5. HTML VS. XHTML
- 6. HTML XHTML <P class=RESUMO> <p class="resumo"> Um parágrafo.</P> Um parágrafo.</p> <img SRC=foto.jpg alt=""> <img src="foto.jpg" alt="" />
- 7. HTML XHTML <p class="resumo"> <p class="resumo"> Um parágrafo.</p> Um parágrafo.</p> <img src="foto.jpg" alt=""> <img src="foto.jpg" alt="" />
- 8.
- 9. HTML XHTML <!DOCTYPE HTML PUBLIC "-‐//W3C//DTD HTML <!DOCTYPE html PUBLIC "-‐//W3C//DTD XHTML 4.01//EN" 1.0 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-‐ strict.dtd"> <!DOCTYPE HTML PUBLIC "-‐//W3C//DTD HTML <!DOCTYPE html PUBLIC "-‐//W3C//DTD XHTML 4.01 Transitional//EN" 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-‐ transitional.dtd"> <!DOCTYPE HTML PUBLIC "-‐//W3C//DTD HTML <!DOCTYPE html PUBLIC "-‐//W3C//DTD XHTML 4.01 Frameset//EN" 1.0 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-‐ frameset.dtd">
- 10.
- 11.
- 12.
- 13. PARÁGRAFOS p TÍTULOS h1 h2 ... h6 LISTAS ol ul dl ÊNFASE em strong CITAÇÕES blockquote q IMAGENS img LINKS a TABELAS table
- 14.
- 15. <table> <tr> <td>Nome do rio</td> <td>Comprimento</td> <td>Nascente</td> </tr> <tr> <td>Tejo</td> <td>1007 km</td> <td>Espanha</td> </tr> <tr> <td>Douro</td> <td>850 km</td> <td>Espanha</td> </tr> <tr> <td>Sado</td> <td>180 km</td> <td>Portugal</td> </tr> </table>
- 16. <table> <tr> <td>Nome do rio</td> <td>Comprimento</td> <td>Nascente</td> </tr> <tr> <td>Tejo</td> <td>1007 km</td> <td>Espanha</td> </tr> <tr> <td>Douro</td> <td>850 km</td> <td>Espanha</td> </tr> <tr> <td>Sado</td> <td>180 km</td> <td>Portugal</td> </tr> </table>
- 17. <table> <caption>Rios de Portugal</caption> <tr> <th>Nome do rio</th> <th>Comprimento</th> <th>Nascente</th> </tr> <tr> <td>Tejo</td> <td>1007 km</td> <td>Espanha</td> </tr> <tr> <td>Douro</td> <td>850 km</td> <td>Espanha</td> </tr> <tr> <td>Sado</td> <td>180 km</td> <td>Portugal</td> </tr> </table>
- 18. <table summary="Resumo do principais rios de Portugal"> <caption>Rios de Portugal</caption> <thead> <tr> <th scope="col">Nome do rio</th> <th scope="col">Comprimento</th> <th scope="col">Nascente</th> </tr> </thead> <tfoot> <tr> <td colspan="3">Dados de 2009.</td> </tr> </tfoot> <tbody> <tr> <th scope="row">Tejo</th> <td>1007 km</td> <td>Espanha</td> </tr> <tr> <th scope="row">Douro</th> <td>850 km</td> <td>Espanha</td> </tr> <tr> <th scope="row">Sado</th> <td>180 km</td> <td>Portugal</td> </tr> </tbody> </table>
- 19. FORMULÁRIOS form
- 20. <form> Nome: <input type="text" name="nome" id="nome" value=""> Email: <input type="text" name="email" id="email" value=""> Comentário: <textarea name="comentario" id="comentario" cols="25" rows="3"></textarea> <input type="submit" value="enviar"> </form>
- 21. <form> Nome: <input type="text" name="nome" id="nome" value=""> Email: <input type="text" name="email" id="email" value=""> Comentário: <textarea name="comentario" id="comentario" cols="25" rows="3"></textarea> <input type="submit" value="enviar"> </form>
- 22. <form> Nome: <input type="text" name="nome" id="nome" value=""> Email: <input type="text" name="email" id="email" value=""> Comentário: <textarea name="comentario" id="comentario" cols="25" rows="3"></textarea> <input type="submit" value="enviar"> </form>
- 23. <form> Nome: <input type="text" name="nome" id="nome" value=""> Email: <input type="text" name="email" id="email" value=""> Comentário: <textarea name="comentario" id="comentario" cols="25" rows="3"></textarea> <input type="submit" value="enviar"> </form>
- 24. <form> Nome: <input type="text" name="nome" id="nome" value=""> Email: <input type="text" name="email" id="email" value=""> Comentário: <textarea name="comentario" id="comentario" cols="25" rows="3"></textarea> <input type="submit" value="enviar"> </form>
- 25. <input type="text"> <input type="button"> <input type="password"> <input type="checkbox"> <input type="file"> <input type="hidden"> <input type="image"> <input type="radio"> <input type="reset"> <input type="submit">
- 26. <form action="script.php" method="post"> <p> <label for="nome">Nome:</label> <input type="text" name="nome" id="nome" value="" /> </p> <p> <label for="email">Email:</label> <input type="text" name="email" id="email" value="" /> </li> <p> <label for="comentario">Comentário:</label> <textarea name="comentario" id="comentario" cols="25" rows="3"></textarea> </p> <p> <input type="submit" value="submit" /> <input type="reset" value="reset" /> </p> </form>
- 27.
- 28.
- 29. <address> <span>Dinis Correia</span>, <span class="email">dinis.correia@co.sapo.pt</span> </address>
- 30.
- 31. <p>A função <code>run()</code> em JavaScript</p>
- 32. <p>A função <code>run()</code> em JavaScript</p> <pre> <code> sub slurp { my $filename = foo; my $file = new $filename; if ( defined $file ) { return <$file>; } return bar; }; </code> </pre>
- 33. <p>A função <code>run()</code> em JavaScript</p> <pre> <code> sub slurp { my $filename = foo; my $file = new $filename; if ( defined $file ) { return <$file>; } return bar; }; </code> </pre> <p>O valor de <var>x</var> é 2.</p>
- 34. ABREVIATURAS abbr acronym
- 35. <p>Estamos a aprender <abbr title="Hypertext Markup Language">HTML</abbr>.</p>
- 36. <p>Conferência da <acronym title="Organização das Nações Unidas">ONU</acronym> chamada a fixar novos objectivos</p>
- 37. DEFINIÇÕES dfn
- 38. <p><dfn>HTML</dfn>: O HTML é a linguagem usada para descrever o conteúdo das páginas web.</p>
- 39.
- 40. <p>A fórmula química da água é H<sub>2</sub>O.</p>
- 41.
- 42. <p> Rua das Descobertas, 3<br> 1200-‐000 Lisboa </p>
- 43. ALTERAÇÕES del ins
- 44. <p>O Presidente da República, Mário Soares, anunciou...</p>
- 45. <p>O Presidente da República, <del>Mário Soares</del>, anunciou...</p>
- 46. <p>O Presidente da República, <del>Mário Soares</del> <ins>Aníbal Cavaco Silva</ins>, anunciou...</p>
- 47.
- 48. FOTO DE THOMASHAWK c HTTP://FLIC.KR/P/3CYZH
- 49. font b s strike u MUITOS OUTROS...
- 50. font CSS b strong em s strike del ins u CSS
- 51. CONTAINERS div span
- 52. <p>Estamos fartos de jobs for the boys, sublinhou Francisco Louçã.</p>
- 53. <p>Estamos fartos de <span lang="en">jobs for the boys</ span>, sublinhou Francisco Louçã.</p>
- 54. <p><q>Estamos fartos de <span lang="en">jobs for the boys</span></q>, sublinhou Francisco Louçã.</p>
- 55. <div id="container"> <ul class="nav"> ... </ul> <div id="login"> ... </div> <div id="conteudo"> ... </div> <div id="extras"> ... </div> <div id="rodape"> ... </div> </div>
- 56. "DIV-ITIS" FOTO DE D.SHARON PRUITT c HTTP://FLIC.KR/P/76TB38
- 57.
- 58.
- 59. <!DOCTYPE html PUBLIC "-‐//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-‐strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Validar o HTML</title> </head> <body> <h2>Cavaco Silva recusa falar sobre FMI</h2> <p>O actual Presidente da República não quis prestar declarações por <a href="http://sapo.pt/" colspan="3">ser domingo</a>.</p> <h3>Eleições</h3> <p>Cavaco fazia continua em campanha para as eleições presidenciais. <h3>Campanha</h3> <p>Saiba por onde ainda vai passar Cavaco Silva:</p> <ul> <li>Maia</li> <li>Coimbra</li> <li>Silves<li> <li>Freixo de Espada à Cinta</li> </ul> </body>
- 60.