Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (20)
Similar a Unifesp Cursos Verão 2010
Similar a Unifesp Cursos Verão 2010 (20)
Más de PeslPinguim
Más de PeslPinguim (20)
Unifesp Cursos Verão 2010
- 1. Unifesp - Cursos de Verão 2010 Luiz Gustavo Soares @luizgrs
- 3. HTML + XML eXtensible HyperText Markup Language XML W3C Texto bem organizado
- 12. Principais Elementos ; Marcam; Semântica; Tudo que abre fecha; Abriu antes fecha depois;
- 13. <body> <span> <ul> <div> <img> <p> <head > <thead> <h5> <h1> <ol> <table>
- 15. id <div id=“peixe”></div> class <div class=“botao”></div> style <div style=“color:#F00;”></div> title <div title=“Clique Aqui”></div>
- 16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <title>Título</title> </head> <body> </body>
- 17. Pontos importantes do documento; Links para outros documentos;
- 18. Hypertext Reference; Destino do link; <a href=“http://www.google.com” >Google</a>
- 19. Nome da âncora; Bookmark; <a name=“cap1”>Capítulo 1</a>
- 20. Onde abrir o link; <a href=“http://www.google.com” target= “_blank”>Google</a>
- 21. Imagem;
- 22. Source; Imagem que será exibida; <img src=“smiley_feliz.gif” />
- 23. Texto Alternativo; <img src=“smiley_feliz.gif” alt=“: D” /> : D
- 25. Seções, divisões; Agrupamento; <div> <p>Parágrafo 1</p> <p>Parágrafo 2</p> </div>
- 30. Numérico; Espaço entre células; <table cellspacing=“0”> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr>
- 33. colspan Numérico Mesclar colunas;
- 35. rowspan Numérico Mesclar linhas;
- 40. Agrupar o rodapé; Deve aparecer antes do <tbody>! <table> <tfoot> <tr> <td>Média Idade</td> <td>22</td> </tr> </tfoot> <tbody>...</tbody>
- 41. Título da tabela; Deve ser primeiro filho da <table>! <table> <caption>Estudantes</caption> <tbody>...</tbody> </table>
- 46. Lista de itens sem ordenação; <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul>
- 48. Lista de itens ordenados; <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ol>
- 50. Colher informações do usuário; <input />
- 53. Numérico; Máximo de caracteres; <input type=“text” maxlength=“10” />
- 54. Somente Leitura; <input type=“text” readonly=“readonly” />
- 56. Caminho da Imagem; <input type=“image” src=“search.gif” />
- 57. Texto Alternativo; <input type=“image” src=“search.gif” alt= “Search” />
- 58. Valor contido ou representado pelo campo; <input type=“...” value=“texto” />
- 59. Identifica o campo ao submetê-lo; <input type=“...” name=“nome” />
- 60. Desabilita os campos; <input type=“...” disabled=“disabled” />
- 61. Ordem do foco; <input type=“...” tabindex=“0” />
- 62. Lista de Opções; <select> <option>Item 1</option> <option>Item 2</option> <option>Item 3</option> </select>
- 64. Itens visíveis simultaneamente; <select size=“2”> <option>Item 1</option> <option>Item 2</option> <option>Item 3</option> </select>
- 65. Selecionar mais de uma opção; <select multiple=“multiple”> <option>Item 1</option> <option>Item 2</option> <option>Item 3</option> </select>
- 67. Não permite modificações; <select disabled=“disabled”> <option>Item 1</option> <option>Item 2</option> <option>Item 3</option> </select>
- 68. Valor representado pela opção; <select> <option value=“1”>Item 1</option> <option value=“2”>Item 2</option> <option value=“3”>Item 3</option> </select>
- 69. Selecionado; <select> <option>Item 1</option> <option>Item 2</option> <option selected=“selected”>Item 3</option> </select>
- 70. Agrupa <option>s; <select> <optgroup label=“Terrestre”> <option>Carro</option> <option>Velotrol</option> </optgroup> <optgroup label=“Aéreo”> <option>Avião</option> <option>Helicóptero</option> </optgroup>
- 71. Caixa de texto para várias linhas; <textarea rows=“3” cols=“10”></textarea>
- 72. cols Colunas de texto visíveis; rows Linhas de texto visíveis;
- 73. Atributos que definem simplesmente aparência?
- 74. Agrupa campos de um formulário; <fieldset> <legend>Requisitante</legend> <label..>Nome:</label><input type=“text” /> <label..>Idade:</label><input type=“text” /> </fieldset> <fieldset> <legend>Cônjuge</legend> <label..>Nome:</label><input type=“text” /> <label..>Idade:</label><input type=“text” />
- 76. Formulário; Contém campos; <form> <input … /> <input … /> </form>
- 77. URL que receberá os dados; <form action=“pagina.html”> <input … /> <input … /> </form>
- 78. Como transmitir os dados; get post <form action=“pagina.html” method=“get” > <input … /> <input … /> </form>
- 79. Como os dados serão codificados; application/x-www-form-urlencoded multipart/form-data text/plain <form action=“pagina.html” enctype=“multipart/form- data” > <input … /> <input … /> </form>
- 80. Rótulos de campos de formulário; <label>Nome:</label> <input type=“text” />
- 81. A qual campo o label está ligado; <label for=“txtnome”>Nome:</label> <input type=“text” id=“txtnome” />
- 82. Caracteres Reservados; Difíceis de digitar; Símbolos;
- 83. Caracter Núm. Entidade Nome Entidade Descrição " " " quotation mark ' ' ' (IE não) apostrophe & & & ampersand < < < less-than > > > greater-than Å Å Å capital a, ring Æ Æ Æ capital ae Ç Ç Ç capital c, cedilla È È È capital e, grave accent ¿ ¿ ¿ inverted question mark ♣ ♣ ♣ club ‰ ‰ ‰ per mille ζ ζ ζ zeta
- 85. <video> <canvas> <input type=“email|range” />, required; <audio> <progress>