| Other Special Text Formatting |
There are other types of formatting that
do not fit into Phrase elements and the style elements <PRE>,
<INS> and so on.
|
|
Preformatted Text, Spaces and All <PRE> |
|
|
Documents with Changes: <INS>, <DEL> |
|
|
Address Information: <Address> |
|
|
Working with Long and Short Quotations : <BLOCKQUOTE> and <Q> |
|
|
Drawing a Line on the Page : <HR> and attributes |
| Preformatted Text, Spaces and All <PRE> |
<PRE> </PRE>
tags create a block of preformatted text (in which the normal
rules of collapsing white space by the browsers do not apply)
so that you can arrange lines in a particular way you want.
All the text that is contained by the <PRE>
tags causes the browser to display everything exactly the
same way as it finds it.
Syntax:
<PRE [width=number][core][international]
[events]>…text…</PRE>
Here is any text with returns, spaces and
other hard formatting. The width attribute informs the browser
how many characters wide it should allow for the text to be properly displayed.
| Documents with Changes: <INS>, <DEL> |
<INS> and
<DEL> tags are useful to show
the changes that have been made to it. This feature is intended
to use by several people, who might be working on the same
document. The newly entered content is placed in between <INS>
tags; the content to be deleted is placed in the <DEL>
tags. These two elements are unusual for HTML because their
nature is neither block-level nor inline elements. They contain
one or more words in a paragraph or span one more block-level
elements, such as paragraphs, lists and tables.
Syntax:
<INS [cite=URL][datetime=date][core][international][events]>…contents…</INS>
URL points to source document that indicates
why the material was changed. The Syntax is similar for <DEL>
tag also. The time is mentioned in this format: YYYY-MM-DDThh:
ssTZD(YYYY-four digits year; MM- two digits month: 01 for
January and so on ; DD- two digit date; T- a separator; hh-time
in 24 hour time; mm-minutes; ss- seconds; TZD- time zone designator).
| Address Information: <Address> |
The <ADDRESS>
tag is used to mark contact information for the current document.
Contact information is the address information along with
any paragraph -level formatting such as line breaks. It is
typically displayed in italics. We can nest other items within
the <ADDRESS> tag, the best
one being the hyperlink to contact.
Syntax:
<ADDRESS [core] [international][events]>…address…</ ADDRESS>
Example:
<ADDRESS>Image Online<BR>
17, Vadsarvala Nivas,<BR>
65-A, Nehru Road,<BR>
Mulund, Mumbai-400080.<BR>
Tel : 2579 5588</ADDRESS>
| Working with Long and Short Quotations |
You can use <Q>
tag for shorter quotations. For the long text, you may have
to use <BLOCKQUOTE> element.
<Q> element does not require
an indent since it is to give shorter quotes.
Syntax:
<BLOCKQUOTE [cite=URL] [core] [international][events]>…Text
contents…</BLOCKQUOTE>
The <BLOCKQUOTE>
tag creates a separate paragraph for the text and, in most
browsers it indents the entire paragraph in the left side.
Some browsers block quote in italics. But one thing you have
to keep in mind is that not all the browsers handle it in
the same way.
Syntax:
<Q [cite=URL] [core] [international][events]>
…text contents…</Q>
URL points to the source for the quote.
| Drawing a Line on the Page |
Horizontal lines are an easy-to-use element
for dividing a page into logical sections. Depending on your
needs the <HR> also includes
several attributes to modify its appearance.
Syntax:
<HR> [width=linewidth][size=lineThickness][noshade][align=left…][core][events]>
Here, linewidth and lineThickness are given
in pixels. But, you can mention it in % also (percentage of
browser window width).
Example:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.0 Transitional//EN"
"http:
//www.w3.org/TR/REC - html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>
Layout Galaxy Home page
</TITLE>
</HEAD>
<BODY>
Welcome to Layout Galaxy Home page.
<HR align="right">
<BR>This is page starts with the
first lesson of your HTML Training Program
<HR width=50%>
<BR>and the other lessons of the
training program
<HR size=5>
<BR> which offers you an exhaustive
and easy go.
<HR size=5 noshade>
</BODY>
</HTML>
Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.
|
|
