HTML - HyperText Markup Language - 3
0 gostou221 visualizações
O documento lista as principais tags HTML para formatar texto, incluindo tags para inserir imagens, tabelas, citações e ênfase. Ele também descreve tags para formatação física como fontes, tamanhos de texto e alinhamento.
HTML - HyperText Markup Language - 3
- 4. index.html
- 5. • Insere uma imagem no texto <img>
- 6. • Insere uma imagem no texto <img src="imagem.jpg">
- 7. • Insere uma tabela, composta de linhas e colunas <table> <tr> <td>linha 1, célula 1</td> <td>linha 1, célula 2</td> </tr> <tr> <td>linha 2, célula 1</td> <td>linha 2, célula 2</td> </tr> </table>
- 8. • Mantém o texto da mesma maneira que foi digitado, exibindo-o no mesmo formato no navegador, toda a fonte com a mesma largura, padrão Courier. <pre></pre> <pre>Teste tag pre. m - i</pre>
- 9. • Formatação de citações longas. <blockquote></blockquote> <blockquote>Quem ri por último, ri atrasado.</blockquote>
- 10. • Utilizada para endereços e para assinar o documento. <address></address> <address>Rua 7 de setembro, 77</address>
- 11. • Utilizada para citações curtas, títulos de livros, filmes, etc. <cite></cite> A <cite>Alemanha</cite> é o país do futebol.
- 12. • Utilizada para indicar trechos de códigos de programas. <code></code> <code>for (x=0); cl &&(!feof(stdin)); x++</code>
- 13. • Utilizada par dar ênfase a um trecho específico. <em></em> Um prato de <em>trigo</em>, para um <em>tigre</em> triste.
- 14. • Utilizada par dar ênfase a um trecho específico. <strong></strong> Antes de enviar um e-mail, confira o campo <strong> “Assunto:”!</strong>
- 15. • A formatação física especifica diretamente os estilos que se quer para o texto: • Itálico - <i>itálico</i> • Negrito - <b>negrito</b> • Sublinhado <u>sublinhado</u> • Riscado <strike>riscado</strike>
- 16. • A formatação física especifica diretamente os estilos que se quer para o texto: • Tamanho do texto <big>Grande</big><small>Pequeno</small> • Sobrescritos - <sup>sobrescrito</sup> • Subscritos - <sub>subscrito</sub>
- 17. • Utilizada para alterar a maioria das propriedades das fontes. Todo o conteúdo que estiver dentro dessa tag terá características definidas pelos atributos. <font face=“Times New Roman”> Bom dia! </font> <font></font>
- 18. • color = “valor”: Ajusta a cor do texto; • face = “nomeDaFonte1, nomeDaFonte2”: Especifica o tipo fonte para o texto; • size = “valor”: Especifica o tamanho da fonte; <font face=“Arial, Verdana, Tahoma” size=5 color=“#000000”> Texto formatado por atributos </font>
- 19. • O elemento div é semanticamente neutro: ele não tem qualquer valor semântico, é simplesmente um elemento container, a nível de bloco. <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet varius lacus. </div> <div></div>
- 20. Align - alinha o texto na tela, com os valores: • left: esquerda; • right: direita; • center: centralizado; • justify: justificado. <div align=“justify”> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet varius lacus. Nullam suscipit lobortis eros, nec laoreet eros consequat non. </div>
- 21. • Assim como o div, o elemento span é semanticamente neutro: ele não tem qualquer valor semântico, é simplesmente um elemento container inline. <span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet varius lacus. </span> <span></span>
- 25. • HTML Princípios Básicos - (http://pt.slideshare.net/mayzaoliveira/htmlprincipiosbasicos) • Tutorial de HTML - Tabelas (http://www.clem.ufba.br/tuts/html/c09.htm)