Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Paragraphs lessons #2

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Paragraphs lessons #2

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
bb879bc
Fisrt review lessons 004
cibily Jun 27, 2014
f2db23d
Fixed second example paragraph
cibily Jul 2, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
68 changes: 68 additions & 0 deletions 004-paragraphs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!--
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.

First example

The first example is composed of four different pragraphs.
The browser add some space before and after each <p> element.

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.


-->

<!DOCTYPE html>
<html>

<head>
<meta charset=utf-8 />
<title>HTML004 - Paragraph</title>
</head>

<body>

<h1>First example</h1>

<!--- 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>
<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>

<!--- One single paragraph-->

<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>