Formatting text tags |
The <Hn></Hn> tag, where 'n' is a number up to 6, defines: text dimension, character style, alignment and spacing.
| Used Tag | Text Dimension | Characters Style | Alignment | Rows Spacing |
| <H1></H1> | +3 | Bold | Center | 1 row before, 2 after |
| <H2></H2> | +1 | Bold | Left | 1 row before, 2 after |
| <H3></H3> | +1 | Italics | 1 row before, 2 after | |
| <H4></H4> | 0 | Bold | 1 | |
| <H5></H5> | 0 | Italics | 1 | |
| <H6></H6> | 0 | Bold | 1 |
Too much complicated? Don't worry, look at these examples:
This is a sample of tag H1 |
And this is the HTML page's source:
<html>
<head>
</head>
<body>
<H1>This is a sample of tag H1</H1>
<H2>This is a sample of tag H2</H2>
<H3>This is a sample of tag H3</H3>
<H4>This is a sample of tag H4</H4>
<H5>This is a sample of tag H5</H5>
<H6>This is a sample of tag H6</H6>
</body>
</html>
Text within <B> and </B> tags will be shown as bold text:
This is a simple line. But...this is a line with that tag...
And this is the HTML page's source:
<html>
<head>
</head>
<body>
This is a simple line. But...<B>this is a line with that tag...</B>
</body>
</html>
Text within <I> and </I> tags will be shown as italics text:
This is a simple line. But...this is a line with that tag...
And this is the HTML page's source:
<html>
<head>
</head>
<body>
This is a simple line. But...<I>this is a line with that tag...</I>
</body>
</html>
If you open a page containing text or images within <PRE> and </PRE> tags, and then minimize or maximize or change the window's browser dimension, both text and images will be always the same. But if you don't use these tags, when you change the window's browser dimension your page will change.
The <P> tag identifies a paragraph. So this tag cause a new line and skipping of one line:
This is a simple line. This is another line...
But...this is a line with that tag...
And this is the HTML page's source:
<html>
<head>
</head>
<body>
This is a simple line. This is another line...But...<P>this is a line with that tag...</P>
</body>
</html>
Like the <P> tag, but without skipping lines. It is used to put a new line:
This is a simple line. This is another line...
But...this is a line with that tag...
And this is the HTML page's source:
<html>
<head>
</head>
<body>
This is a simple line. This is another line...But...<BR>this is a line with that tag...</BR>
</body>
</html>
Pay attention at skipping of blank lines...Here there aren't!
This tag insert a line. You can specify SIZE and WIDTH of that line. You can ALIGN that line, and you can build a solid line by means of NOSHADE parameter. Tag's syntax:
<HR WIDTH="number%" SIZE="number" ALIGN=LEFT/CENTER/RIGHT NOSHADE>
WIDTH, SIZE and ALIGN aren't necessary. ALIGN may be: 'LEFT', 'CENTER' or 'RIGHT'.
* Sample 1*
This is a simple line. This is another line...
Look at line before these words...
And this is the HTML page's source:
<html>
<head>
</head>
<body>
This is a simple line. This is another line...<HR>Look at line before these words...
</body>
</html>
* Sample 2*
And this is the HTML page's source:
<html>
<head>
</head>
<body>
<HR>
<HR WIDTH="50%">
<HR WIDTH="80%">
</body>
</html>
* Sample 3*
And this is the HTML page's source:
<html>
<head>
</head>
<body>
<HR>
<HR SIZE="0">
<HR SIZE="2">
<HR SIZE="5">
<HR SIZE="15">
</body>
</html>
Well, you could enhance it much more...
* Sample 4*
And this is the HTML page's source:
<html>
<head>
</head>
<body>
<HR WIDTH="50%" ALIGN=LEFT>
<HR WIDTH="50%" ALIGN=CENTER>
<HR WIDTH="50%" ALIGN=RIGHT>
</body>
</html>
* Sample 5 *
And this is the HTML page's source:
<html>
<head>
</head>
<body>
<HR SIZE="8">
<HR SIZE="8" NOSHADE>
</body>
</html>
This tag is used to change fonts. You can change characters dimension, character font type and character color. Tag's syntax:
<FONT SIZE="number" FACE="font name" COLOR="#nnnnnn">
SIZE, FACE and COLOR aren't necessary. If you use the FONT tag, you can also use just one of them.
* Sample 1*
This is a simple line...Here I am using the font tag size 1 size="2">Here I am using the font tag size 2 size="3">Here I am using the font tag size 3 size="4">Here I am using the font tag size 4 size="5">Here I am using the font tag size 5 size="6">Here I am using the font tag size 6 size="7">Here I am using the font tag size 7
And this is the HTML page's source:
<html>
<head>
</head>
<body>
This is a simple line.
<font size="1">Here I am using the font tag size 1 </font>
<font size="2">Here I am using the font tag size 2 </font>
<font size="3">Here I am using the font tag size 3 </font>
<font size="4">Here I am using the font tag size 4 </font>
<font size="5">Here I am using the font tag size 5 </font>
<font size="6">Here I am using the font tag size 6 </font>
<font size="7">Here I am using the font tag size 7 </font>
</body>
</html>
* Sample 2 *
This is Courier New
This is Arial
This is Lucida Console
And this is the HTML page's source:
<html>
<head>
</head>
<body>
<FONT face="Courier New">This is Courier New</FONT>
<BR>
<FONT face="Arial">This is Arial</FONT>
<BR>
<FONT face="Lucida Console">This is Lucida Console</FONT>
</body>
</html>
* Sample 3 *
This is a red text... color="#0000FF">This is a blue text... color="#FFFF00">This is a yellow text...
And this is the HTML page's source:
<html>
<head>
</head>
<body>
<FONT COLOR="#ff0000">This is a red text...</FONT>
<FONT COLOR="#0000ff">This is a blue text...</FONT>
<FONT COLOR="#ffff00">This is a yellow text...</FONT>
</body>
</html>
This tag is used to align text:
This is a simple line.
This is a centered line
And this is the HTML page's source:
<html>
<head>
</head>
<body>
This is a simple line.<br>
<CENTER>This is a centered line</CENTER>
</body>
</html>
Index Home Back Forward About Contact us!
Copyright (c) 1998-2006 Wowarea