Free Notes | Amazing Pictures | Photoshop Tutorials | Drafting and Drawing Tutorials | HTML Tutorials for FREE

Monday, July 19, 2010

Pharagraph Example in HTML

<html>
<body>

<p>
    My Bonnie lies over the ocean.


    My Bonnie lies over the sea.


    My Bonnie lies over the ocean.

  
    Oh, bring back my Bonnie to me.
</p>




<p>Note that your browser ignores the layout!</p>

</body>
</html>

Results in browser:

My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.
Note that your browser ignores the layout!
=================================================
How HTML paragraphs are displayed in a browser

<html>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>


This is a paragraph.
This is a paragraph.
This is a paragraph.
=================================================
 The use of line breaks in an HTML document. 

<html>
<body>

<p>This is<br />a para<br />graph with line breaks</p>

</body>
</html>

This is
a para
graph with line breaks
==================================================

The default behaviors of paragraphs

<html>
<body>

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains      a lot of spaces
in the source     code,
but the    browser
ignores it.
</p>

<p>
The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>

</body>
</html>

This paragraph contains a lot of lines in the source code, but the browser ignores it.

This paragraph contains a lot of spaces in the source code, but the browser ignores it.

The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change. ,

No comments: