HTML Basics Studies & Important description Part III

HTML BASICS STUDIES FOR STUDENTS PART III

HTML Basics Description

2.   Lining Up Text

<p> </p>         …….    Paragraph tags

            These mark the beginning and end of a paragraph.

            Each paragraph will automatically start on a new line, with one blank line inserted

                        after the last paragraph.

            Of course, these tags come as an opening and closing pair.

<br />  …..      Line break tag

            This inserts a line feed (start new line).

            There is no closing tag required in HTML, but the closing slash is needed in XHTML.

Alignment:

The following have been deprecated in HTML5 and XHTML5, although the they are still available in HTML4.01 and XHTML1.

<center> </center>     …….    Center alignment tag

You may also use ALIGN to align a heading or paragraph:

            <h1 align=”center”>Here is my centered heading</h1>

            Alignment ends with the heading.  Note quotes around “center”.  Other
                          blocks (paragraphs, etc.) also allowed you to set the alignment.
   

But why use something which is not available in HTML5 when there is a perfectly good way to align items which works in all the versions of HTML and XHTML…

<p style=”text-align:right”>

                     Now comes a long and boring paragraph, right aligned.

 </p >

<div style=”text-align: center”> Everything in here is centered until you come to…</div>

                                    This is useful to center several paragraphs, heading, etc. at once.

            Note: The default is left aligned for everything except headings, where the default
                                   is center.

 text- align: may be followed by left, right or center.

In addition to controlling layout, a common use of text-align is to right-align a
                                column of numbers.       

                                   

<blockquote> </blockquote>          …….    Blockquotes

            For long quotes. The quote will be indented or italicized or otherwise set off.

                                

<pre> </pre>  ….       Preformatted text

            Everything in between will appear exactly as you typed it - indenting,

paragraphs,etc.  Useful for quoted material, poetry, etc.

<hr />  ……     Horizontal Rule

            This draws a line across your page. 

You may specify the length as a percent of the page :

            <hr width=”70%” />

or a certain number of pixels, with or without an alignment:

            <hr width=”100” align=”left” />

You may also specify the height (in pixels) by using the SIZE attribute, and

make it solid color, or any other color (see next section)..

<hr width=”60%” size=”6” noshade />

You will probably collect some fancy horizontal rules for your pages