Merge branch '8-adicionando-mais-conteudo-a-tela-de-html' into 'develop'

Resolve "Adicionando mais conteudo a tela de html"

See merge request !11

tela-html.css

@@ -9,5 +9,9 @@
 }
 
 .conteudo > p:last-of-type {
-    margin-bottom: 200px;
+    margin-bottom: 100px;
+}
+
+.conteudo h2, strong{
+    font-size: 2.4rem;
 }
\ No newline at end of file

tela-html.html

@@ -37,6 +37,34 @@
                 </p>
     
             </div>
+            <div class="conteudo">
+                <h2>Exemplos de tags HTML</h2>
+            
+                <p><strong>Tag de parágrafo P</strong></p>
+                <p>
+                    Essa tag formata qualquer texto entre a tag de abertura <code>&lt;p&gt;</code> e a tag de fechamento <code>&lt;/p&gt;</code> como um parágrafo padrão ou corpo de texto principal.
+                </p>
+            
+                <p><strong>Tag de título H</strong></p>
+                <p>
+                    O uso dessa tag formatará qualquer texto entre as tags de abertura e de fechamento como um Título 2 (H2), que é um tipo de subtítulo. Geralmente, um texto utiliza diversos H2, além de H3 e, mais raramente, H4 em diante.
+                </p>
+            
+                <p><strong>Tag de negrito Strong</strong></p>
+                <p></p>
+            
+                <p><strong>Tag de quebra de linha BR</strong></p>
+                <p>
+                    Realiza uma quebra de linha.
+                </p>
+            
+                <p><strong>Tag de listas ul e ol</strong></p>
+                <p>
+                    Listas não ordenadas são para listas onde a ordem dos itens não importa, como uma lista de compras, por exemplo. Essas são envolvidas em um elemento <code>&lt;ul&gt;</code>.
+                    Listas Ordenadas são para listas onde a ordem dos itens importa, como uma receita. Essas são envolvidas em um elemento <code>&lt;ol&gt;</code>.
+                </p>
+            </div>
+            
         </section>
     </main>
     <footer>