hercioneto

PW1 2019 - index.html

Aug 20th, 2019
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.01 KB | None | 0 0
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Título da Página</title>
  5. </head>
  6. <body>
  7. Olá, esta é minha primeira linha em HTML.<br/>
  8. Eu sou uma quebra de linha.
  9. <p>E eu um novo parágrafo.</p>
  10. Fim do texto.
  11. Um texto em <b>negrito</b> e um em <i>itálico.</i><br/>
  12. Uma linha horizontal<hr/>
  13. <h1>Um título</h1>
  14. Que pode ir de h1 (head1) até h6.
  15. <h6>Assim é pequeno</h6>
  16. <center>Um texto centralizado</center>
  17. <center><h3>Um título 3 centralizado</h3></center>
  18. <p><b>Um parágrafo com partes negrito</b> e outra parte sem estar negrito.</p>
  19. E assim <a href="http://faers.com.br">temos um link</a> aqui.
  20. E um link para uma nova <a href="pagina2.html">pagina</a> aqui!
  21. <!-- Este é um comentário --><br>
  22. Vamos fazer uma lista não ordenada
  23. <ul>
  24. <li>item 1</li>
  25. <li>item 2</li>
  26. <li>item 3</li>
  27. </ul>
  28.  
  29. Vamos fazer uma lista ordenada
  30. <ol>
  31. <li>item 1</li>
  32. <li>item 2</li>
  33. <li>item 3</li>
  34. </ol>
  35.  
  36. <br/>
  37. <font size="5" color="red">Tamanho e cor</font>
  38. <font size="20" color="#999999">Tamanho e cor</font>
  39. <sup> texto sobrescrito </sup>
  40. <sub> texto subscrito </sub>
  41. <tt> texto com formato "teletype" </tt>
  42. <div>Um bloco de texto que pode ser formatado</div>
  43. <div align="right">Um outro bloco de texto que pode ser formatado</div>
  44. <br/>
  45. A inserção de imagens . A imagem deve estar salva na mesma pasta em que o arquivo html.
  46. <img src="imgs/caminhodaimagem.jpg" alt="Texto ao ficar sobre" width="100" height="200"/>
  47. <p></p>
  48. <table border="3" bgcolor="#00FFFF" width="100%">
  49. <tr>
  50.     <td>Uma célula</td>
  51.     <td>Uma outra célula</td>
  52. </tr>
  53. <tr>
  54.     <td>Uma célula em outra linha </td>
  55.     <td>Uma outra célula em outra linha</td>
  56. </tr>
  57. </table>
  58. Acabou a tabela.
  59.  
  60. Um link interessante para todas as tags e seus atributos: http://www.escolaw3.com/tutoriais/html
  61.  
  62. Primeira atividade:
  63. Criar a página pagina2.html e colocar um breve histórico sobre você, utlizando as tags e formatações. Tentar deixar o mais "apresentável" possível.
  64.  
  65.  
  66. </body>
  67. </html>
Add Comment
Please, Sign In to add comment