Introduction
Text
Formatting
Line Spacing
Dividing Up Text
Example
Links
Lists
Images
Tables
Frames
Forms
Conclusion


Example
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Formatting Example</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<B>Line Spacing</B><BR><BR>
<B>Pre</B><BR>
<PRE>Dear Web Visitors,

     I wanted to write a small not to display
returns
and s p a c i n g without having too many H T M L

Formatting                            Tags.</PRE>
<B>P Tag</B><BR>
<P>This paragraph is aligned to the left. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque erat diam, iaculis non, sodales vel, facilisis ut, pede. Sed scelerisque tincidunt justo. Sed scelerisque tincidunt justo. Donec vel magna vel urna porta hendrerit.</P>
<P ALIGN="center">This paragraph is aligned center. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque erat diam, iaculis non, sodales vel, facilisis ut, pede. Sed scelerisque tincidunt justo. Sed scelerisque tincidunt justo. Donec vel magna vel urna porta hendrerit.</P>
<P ALIGN="right">This paragraph is aligned to the right. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque erat diam, iaculis non, sodales vel, facilisis ut, pede. Sed scelerisque tincidunt justo. Sed scelerisque tincidunt justo. Donec vel magna vel urna porta hendrerit.</P>
<P ALIGN="justify">This paragraph is justified, for 4.X plus browsers. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque erat diam, iaculis non, sodales vel, facilisis ut, pede. Sed scelerisque tincidunt justo. Sed scelerisque tincidunt justo. Donec vel magna vel urna porta hendrerit.</P>
<B>Breaks</B><BR><BR>
This is pretty basic there are 4 breaks after this sentence.<BR><BR><BR><BR>
<B>Horizontal Rule</B><BR><BR>
Here is a Horizonal rule ...
<HR>
followed by some text.<BR><BR>
<B>Div</B><BR><BR>
<DIV ALIGN="center">This block of text is aligned center, same like the P tag except it is not limited to 1 paragraph.<BR><BR>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque erat diam, iaculis non, sodales vel, facilisis ut, pede. Sed scelerisque tincidunt justo. Sed scelerisque tincidunt justo. Donec vel magna vel urna porta hendrerit.</DIV><BR>
<B>Block quote</B><BR><BR>
<BLOCKQUOTE>This paragraph is indented on both sides by the block quote tag. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque erat diam, iaculis non, sodales vel, facilisis ut, pede. Sed scelerisque tincidunt justo. Sed scelerisque tincidunt justo. Donec vel magna vel urna porta hendrerit.</BLOCKQUOTE>
<B>Headlines</B><BR><BR>
<H1>This is headline 1.</H1>
<H2>This is headline 2.</H2>
<H3>This is headline 3.</H3>
<H4>This is headline 4.</H4>
<H5>This is headline 5.</H5>
<H6>This is headline 6.</H6>
</BODY>
</HTML>

Check out how this code looks when displayed on your browser, by clicking here.

back  



Search Pepmint.com

home :: tutorial :: portfolio :: links :: hammies :: guestbook :: contact