Baixado 19 vezes
Carregado porPeslPinguim
XHtml
O documento apresenta um resumo sobre os principais elementos e recursos da linguagem HTML, descrevendo em detalhes tags, atributos e suas funções para estruturar conteúdo web de forma semântica.
Mais conteúdo relacionado
XHtml
- 1. Unifesp - Cursosde Verão 2010 Luiz Gustavo Soares @luizgrs
- 2.
- 3. HTML + XML eXtensibleHyperText Markup Language XML W3C Texto bem organizado
- 5.
- 6.
- 11.
- 12. Principais Elementos ; Marcam; Semântica; Tudoque abre fecha; Abriu antes fecha depois;
- 13. <body> <span> <ul> <div> <img> <p> <head > <thead> <h5> <h1> <ol> <table>
- 14.
- 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 dodocumento; 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 olink; <a href=“http://www.google.com” target= “_blank”>Google</a>
- 21.
- 22. Source; Imagemque será exibida; <img src=“smiley_feliz.gif” />
- 23. Texto Alternativo; <img src=“smiley_feliz.gif”alt=“: D” /> : D
- 24.
- 25. Seções, divisões; Agrupamento; <div> <p>Parágrafo 1</p> <p>Parágrafo 2</p> </div>
- 26.
- 27.
- 28.
- 29.
- 30. Numérico; Espaço entre células; <table cellspacing=“0”> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr>
- 32.
- 33. colspan Numérico Mesclar colunas;
- 34.
- 35. rowspan Numérico Mesclar linhas;
- 36.
- 37.
- 38.
- 39.
- 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>
- 42.
- 44.
- 46. Lista de itenssem ordenação; <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul>
- 48. Lista de itensordenados; <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ol>
- 50. Colher informações dousuário; <input />
- 51.
- 52.
- 53. Numérico; Máximode caracteres; <input type=“text” maxlength=“10” />
- 54. Somente Leitura; <input type=“text”readonly=“readonly” />
- 55.
- 56. Caminho da Imagem; <inputtype=“image” src=“search.gif” />
- 57. Texto Alternativo; <input type=“image”src=“search.gif” alt= “Search” />
- 58. Valor contido ourepresentado pelo campo; <input type=“...” value=“texto” />
- 59. Identifica o campoao submetê-lo; <input type=“...” name=“nome” />
- 60. Desabilita os campos; <inputtype=“...” disabled=“disabled” />
- 61. Ordem do foco; <inputtype=“...” tabindex=“0” />
- 62. Lista de Opções; <select> <option>Item1</option> <option>Item 2</option> <option>Item 3</option> </select>
- 64. Itens visíveis simultaneamente; <selectsize=“2”> <option>Item 1</option> <option>Item 2</option> <option>Item 3</option> </select>
- 65. Selecionar mais deuma opção; <select multiple=“multiple”> <option>Item 1</option> <option>Item 2</option> <option>Item 3</option> </select>
- 67. Não permite modificações; <selectdisabled=“disabled”> <option>Item 1</option> <option>Item 2</option> <option>Item 3</option> </select>
- 68. Valor representado pelaopçã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> <optionselected=“selected”>Item 3</option> </select>
- 70. Agrupa <option>s; <select> <optgroup label=“Terrestre”> <option>Carro</option> <option>Velotrol</option> </optgroup> <optgrouplabel=“Aéreo”> <option>Avião</option> <option>Helicóptero</option> </optgroup>
- 71. Caixa de textopara várias linhas; <textarea rows=“3” cols=“10”></textarea>
- 72. cols Colunasde texto visíveis; rows Linhas de texto visíveis;
- 73. Atributos que definemsimplesmente aparência?
- 74. Agrupa campos deum 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émcampos; <form> <input … /> <input … /> </form>
- 77. URL que receberáos dados; <form action=“pagina.html”> <input … /> <input … /> </form>
- 78. Como transmitir osdados; get post <form action=“pagina.html” method=“get” > <input … /> <input … /> </form>
- 79. Como os dadosserã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 camposde formulário; <label>Nome:</label> <input type=“text” />
- 81. A qual campoo label está ligado; <label for=“txtnome”>Nome:</label> <input type=“text” id=“txtnome” />
- 82. Caracteres Reservados; Difíceis dedigitar; 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>
- 86.
- 87.