Teste HTML


SUBMITTED BY: Adenilson666

DATE: Oct. 13, 2024, 8:16 p.m.

UPDATED: Oct. 13, 2024, 8:18 p.m.

FORMAT: HTML

SIZE: 3.8 kB

HITS: 98

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>My page title</title>
  6. <link
  7. href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One"
  8. rel="stylesheet"
  9. type="text/css" />
  10. <link rel="stylesheet" href="style.css" />
  11. <!-- as três linhas abaixo são uma correção para que elementos semânticos HTML5 funcionem em versões antigas do Internet Explorer-->
  12. <!--[if lt IE 9]>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
  14. <![endif]-->
  15. </head>
  16. <body>
  17. <!-- Esse é o cabeçalho (header) principal que vai ser usado em todas as páginas do nosso website -->
  18. <header>
  19. <h1>AD_NETWORK</h1>
  20. </header>
  21. <nav>
  22. <ul>
  23. <li><a href="#">Pagina inicial</a></li>
  24. <li><a href="#">Outros</a></li>
  25. <li><a href="#">Projetos</a></li>
  26. <li><a href="#">Contato</a></li>
  27. </ul>
  28. <!-- Um formulário de pesquisa é uma outra maneira não linear comum de navegar por um site. -->
  29. <form>
  30. <input type="search" name="q" placeholder="buscar" />
  31. <input type="submit" value="Ir!" />
  32. </form>
  33. </nav>
  34. <!-- Esse é o conteúdo principal da nossa página -->
  35. <main>
  36. <!-- Contém um artigo -->
  37. <article>
  38. <h2>Article heading</h2>
  39. <p>
  40. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam
  41. lectus. Set sit amet ipsum mauris. Maecenas congue ligula as quam
  42. viverra nec consectetur ant hendrerit. Donec et mollis dolor. Praesent
  43. et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt
  44. congue enim, ut porta lorem lacinia consectetur.
  45. </p>
  46. <h3>Subsection</h3>
  47. <p>
  48. Donec ut librero sed accu vehicula ultricies a non tortor. Lorem ipsum
  49. dolor sit amet, consectetur adipisicing elit. Aenean ut gravida lorem.
  50. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor.
  51. </p>
  52. <p>
  53. Pelientesque auctor nisi id magna consequat sagittis. Curabitur
  54. dapibus, enim sit amet elit pharetra tincidunt feugiat nist imperdiet.
  55. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros.
  56. </p>
  57. <h3>Another subsection</h3>
  58. <p>
  59. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum
  60. soclis natoque penatibus et manis dis parturient montes, nascetur
  61. ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem
  62. facilisis semper ac in est.
  63. </p>
  64. <p>
  65. Vivamus fermentum semper porta. Nunc diam velit, adipscing ut
  66. tristique vitae sagittis vel odio. Maecenas convallis ullamcorper
  67. ultricied. Curabitur ornare, ligula semper consectetur sagittis, nisi
  68. diam iaculis velit, is fringille sem nunc vet mi.
  69. </p>
  70. </article>
  71. <!-- O contéudo do elemento aside pode ser aninhado dentro do conteúdo do elemento main -->
  72. <aside>
  73. <h2>Related</h2>
  74. <ul>
  75. <li><a href="#">Oh I do like to be beside the seaside</a></li>
  76. <li><a href="#">Oh I do like to be beside the sea</a></li>
  77. <li><a href="#">Although in the North of England</a></li>
  78. <li><a href="#">It never stops raining</a></li>
  79. <li><a href="#">Oh well...</a></li>
  80. </ul>
  81. </aside>
  82. </main>
  83. <!-- Esse é o rodapé principal que vai ser usado em todas as páginas do nosso website -->
  84. <footer>
  85. <p>©Copyright 2050 by nobody. All rights reversed.</p>
  86. </footer>
  87. </body>
  88. </html>

comments powered by Disqus