Text
More than just words on the screen, text is usually the major substance of your WWW pages. A browser will automically define the look of your text, the font face, the font size, and the font color based on its default settings. Or, you can customize each of these aspects of your WWW page.
This customization is acheived using one or more attributes. Using these attributes you can define the way the text looks (FONT FACE), and the color of the text (FONT COLOR), whether it appears as bold or italic, and whether the lines of text break, or not. You can use the tags illustrated below to customize the text of your WWW documents.
| Text-Related Attributes: How They Work | |
|---|---|
|
FONT The <font> tag changes the appearance of the text within your WWW pages wherever it is invoked. Attributes that can be included within the <font> start and </font> end tags to define the display of text in your WWW page include face, and color. | |
| <font> *** </font> | |
|
FACE <font face="X"> *** </font> The face attribute is one way to control the actual appearance of the text, its design, on your WWW document. "X" is the name of a specific font face. Face can be defined for your entire WWW document or for specific portions of your WWW document by using the <font> tag and its attribute, face. There are many different font faces and you can have a lot of fun trying them in your WWW documents. But remember, the main goal is readibility. For this reason it is best to use clean and easy to read font faces that will be part of different operating systems on different computers. Verdana, Helvetica, Geneva, Arial, and Times New Roman are good choices. Verdana displays well on low-resolution monitors. Helvetica, Geneva, and Arial all display cleanly on monitors. All are easy to read. Times New Roman is the default font face for most browsers so if you do not define a particular font face, it will be used. Note: The face attribute (Verdana, Helvetica, Geneva, Arial, and Times New Roman) should be enclosed in quote marks as indicated below. | |
|
<font face="verdana">This is Verdana Font</font> <font face="helvetica">This is Helvetica Font</font> <font face="geneva">This is Geneva Font</font> <font face="arial">This is Arial Font</font> <font face="times new roman">This is Times New Roman Font</font> Appearance in your WWW document:
| |
|
COLOR <font color="X"> *** </font> Color of text can be defined by using the color="X" attribute with the <font> tag. "X" is either the name of one of sixteen predefined colors or the Hexidecimal Code for one of thousands of others. Color can be defined for your entire WWW document or for specific portions of your WWW document by using the <font> tag and its attribute, color. Choose "Color" in the menu to the left for more information on how to use color in your WWW documents. Note: The color attribute (red, blue, green) should be enclosed in quote marks as indicated below. | |
|
<font color="red">This text is red</font> <font color="blue">This text is blue</font> <font color="green">This text is green</font> Appearance in your WWW document:
| |
|
All Together Here is how you can attributes attributes within the FONT tag. | |
|
<font face="times new roman" color="green">This text is displayed in the Times New Roman face and a green color</font>
Appearance in your WWW document:
| |
|
BOLD <b> *** </b> All text enclosed within the <b> (Bold) start and </b> end tags will be displayed in bold by a browser. Bold is useful when you want to highlight certain words or passages of text. | |
|
<b>Bold</b>
Appearance in your WWW document:
| |
|
ITALIC <i> *** </i> All text enclosed within the <i> (Italic) start and </i> end tags will be displayed in italics by a browser. Italic is useful when you want to highlight important text or include the title of a book or journal article. | |
|
<i>Italic</i>
Appearance in your WWW document:
| |
|
CENTER <center> *** </center> All text (and images) enclosed within the <center> start and </center> end tags will be centered. This centering can be in a line or WWW document, whichever you desire. | |
|
<center>Centered Text</center>
Appearance in your WWW document:
| |
|
BLOCKQUOTE <blockquote> *** </blockquote> Quotes of several lines in length are usually indented on the left and right side to set them off from the surrounding text. All text enclosed within the <blockquote> start and </blockquote> end tags will be indented. The <blockquote> tag can also be used any time you want to indent a block of text, whether or not it is a quote. This can provide emphasis. | |
|
This tag indents a block of text, like this <blockquote>indented text</blockquote> and highlights it from other text.
Appearance in your WWW document:
| |
|
BREAK <br /> The <br /> (BReak) tag creates a line break wherever it is placed. It can be used after text or graphics. You can use the <br /> tag to create blank space or break a thought. Using multiple <br /> tags creates multiple blank lines in your WWW document. It is a useful way to control the length of lines of text, or control the formatting of text in your WWW document. The <br /> tag is one of the few that does not use an end tag to turn off the command. The break occurs only at the point where you insert it in your WWW document and does not continue beyond that point. This accounts for the unusual syntax of this tag, i.e. with the actual tag (br) followed by a space and slash mark (br /). | |
|
This tag breaks a line of text, like this<br />
and starts a new line below. It can also be used to insert blank lines, like this
<br />
between lines of text.
Appearance in your WWW document:
| |
|
NO BREAK <no br> *** </no br> The <no br> (NO BReak) start and the </no br> end tags keeps a line of text together and keeps it from breaking. This can be useful to prevent the disruption of an idea from a line break. |