From bb879bcf53760110f16987be563fc84379ad6707 Mon Sep 17 00:00:00 2001
From: cibily <silvia.trevellin@gmail.com>
Date: Fri, 27 Jun 2014 15:13:00 +0200
Subject: [PATCH 1/2] Fisrt review lessons 004

---
 004-paragraphs.html | 64 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 004-paragraphs.html
diff --git a/004-paragraphs.html b/004-paragraphs.html
new file mode 100644
index 0000000..422b958
--- /dev/null
+++ b/004-paragraphs.html
@@ -0,0 +1,64 @@
+<!--
+HTML Paragraphs 
+===============
+
+Paragraphs are defined with the <p> tag.
+It allows to divided an HTML documents into paragraphs.
+
+It has a opening and closing set of tags: <p>.....</p>
+Forgetting the end tag can produce unexpected results or errors.
+
+Inside at your document you can use how many paragraphs do you want. 
+Browsers automatically add some space (margin) before and after each <p> element. 
+The tipografy and property of the tag <p> is editable and we will see this in the next lesson.
+
+Runn the page and see the difference.
+
+In the first example is composed of four different pragraphs.
+The browser add some space before and after each <p> element.
+The effect is good!
+
+In the second example like compesed by four paragraphs but is only one!
+The browser ignores the layout in the HTML source code!
+
+
+-->
+
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset=utf-8 />
+    <title>HTML004 - Paragraf</title>
+</head>
+
+<body>
+
+    <h1>First example</h1>
+    
+     <!--- Correct example of paragraphs -->
+     
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elite, sed do eiusmod tempor incididunt out Labore et dolore magna aliqua.</p>
+    <p>Out enim ad minim veniam, QUIS nostrud exercitation ullamco laboris nisi out aliquip ex ea commodo consequat.</p>
+    <p>Duis Aute Irure misfires in reprehenderit into voluptate velit esse cillum dolore eu fugiat of `pariatur.</p>
+    <p>Excepteur sintering occaecat cupidatat non proident, common in offices fault qui deserunt mollit anim id est laborum.</p>
+
+    
+    <h1>Second example</h1>
+    
+    <!--- Uncorrect example of paragraphs-->
+     
+    <p>
+        Lorem ipsum dolor sit amet, consectetur adipisicing elite, sed do eiusmod tempor incididunt out Labore et dolore magna aliqua.
+        
+        Out enim ad minim veniam, QUIS nostrud exercitation ullamco laboris nisi out aliquip ex ea commodo consequat.
+        
+        Duis Aute Irure misfires in reprehenderit into voluptate velit esse cillum dolore eu fugiat of `pariatur.
+        
+        Excepteur sintering occaecat cupidatat non proident, common in offices fault qui deserunt mollit anim id est laborum.
+    </p>
+
+
+</body>
+
+</html>

From f2db23d616f3946fcb731d6fcb22f31d3edf298a Mon Sep 17 00:00:00 2001
From: cibily <silvia.trevellin@gmail.com>
Date: Wed, 2 Jul 2014 08:57:48 +0200
Subject: [PATCH 2/2] Fixed second example paragraph

---
 004-paragraphs.html | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/004-paragraphs.html b/004-paragraphs.html
index 422b958..07eb506 100644
--- a/004-paragraphs.html
+++ b/004-paragraphs.html
@@ -1,4 +1,4 @@
-<!--
+    <!--
 HTML Paragraphs 
 ===============
 
@@ -14,12 +14,16 @@
 
 Runn the page and see the difference.
 
-In the first example is composed of four different pragraphs.
+First example
+
+The first example is composed of four different pragraphs.
 The browser add some space before and after each <p> element.
-The effect is good!
 
-In the second example like compesed by four paragraphs but is only one!
-The browser ignores the layout in the HTML source code!
+Second example 
+
+The second example like composed by four paragraphs (as the first) but it is one because I used a single tag.
+The browser ignores the layout in the HTML source code.
+If you want divide a text in more rows you need to su more tags.
 
 
 -->
@@ -29,14 +33,14 @@
 
 <head>
     <meta charset=utf-8 />
-    <title>HTML004 - Paragraf</title>
+    <title>HTML004 - Paragraph</title>
 </head>
 
 <body>
 
     <h1>First example</h1>
     
-     <!--- Correct example of paragraphs -->
+     <!--- Four different paragraphs -->
      
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elite, sed do eiusmod tempor incididunt out Labore et dolore magna aliqua.</p>
     <p>Out enim ad minim veniam, QUIS nostrud exercitation ullamco laboris nisi out aliquip ex ea commodo consequat.</p>
@@ -46,7 +50,7 @@ <h1>First example</h1>
     
     <h1>Second example</h1>
     
-    <!--- Uncorrect example of paragraphs-->
+    <!--- One single paragraph-->
      
     <p>
         Lorem ipsum dolor sit amet, consectetur adipisicing elite, sed do eiusmod tempor incididunt out Labore et dolore magna aliqua.
