madison.com home Marketplace Entertainment Marketplace The Capital Times Wisconsin State Journal Features
Navigation bar image map
Return to Community Pages home >Home  >Moderator Sponsor info
 

Welcome to the Moderator's page...

Homepage

About Us

Contact

Events & Dates to Note

Volunteer & Job Opportunities

File Library

Related Links


*Community Pages Help Tips

*Demonstration Site--the Virtual User Manual

Chasque aqui para ver el website en español.

madison.com

Basic HTML to use on your site



Here are some basic commands in "computer talk" to help you modify the look of your articles.

Line and Paragraph Spacing
Centering Text
Bold Text
Underlining Text
Italicized Text
Changing the Font Size
Changing the Font Color
General Rule of Thumb for Stylizing Text

Line and Paragraph Spacing

To get your cursor to drop down a line and make your next sentence start on the following line--like the "enter key" does, you'll need to type "<br>" after the line. For example, let's say you are writing your contact information. To get your city, state and ZIP code information to fall underneath your street address, you'll want to type:

Street Address<br>

City, State ZIP<br>

To help remember this, think of "br" as standing for "break" or "line break."

Now, let's say you want to have a blank space after a line--like you would if you were starting a second paragraph. This can be done in two ways. The first way is to simply double up on the <br> command after the last line of a paragraph. Like this:
…and so we come to the end of my paragraph. <br><br>

Think of this as "break, break" or dropping the cursor down twice, which is like double spacing. The more <br> commands you string together, the more spaces you'll get.

The other way to do paragraph spacing is to simply type: <p> between paragraphs. The two commands, <p> and <br><br>, do exactly the same thing. So, use whichever is easiest for you to remember.

Back To List

Centering Text

Do you want to your center your text?

To do this you must type <center> BEFORE the item or line you want centered and then </center> AFTER the item or line you want centered. Like this:
<center> …always the center of attention…</center>
Back To List

Bold Text

To make your text appear in bold font, you must type <b> BEFORE the text you want to appear in bold and then </b> AFTER the text you want to appear in bold. Like this:

<b>I'm bold!</b>

Back To List

Underlining Text

Want something underlined? Type this: <u>You're over the line!</u>

Back To List

Italicized Text

To write text in italics, type: <em> before the text and </em> after the text. To remember, think of it as putting "emphasis" on the word or phrase.

Back To List

Changing the Font Size

To change the size of the font, type: <font size= . Then, in quotes, pick a number 1 through 7 and finish it off with the "greater than" sign. Next, type the word or phrase you'd like to re-size and complete the command string with </font>. Choosing #1 will make the font tiny; choosing #7 will make the font large. So, if I wanted to make the phrase "Driving Directions:" larger than "regular text" I would type the following command:

<font size="6">Driving Directions:</font>

NOTE:The programming tool for the Community Pages makes the text typed into "header" or "headline" boxes larger by default. In the other text boxes, the font size is size #3 by default, which is commonly considered a standard size for "regular" type (Verdana, 12pt.). Using double quotes in a "headline" box of an Article causes an error. Avoid this by using 'single quotes' instead.
Back To List

Changing the Font Color

A word or phrase can be colored by typing: <font color= . Then, in quotes, type either the name of a basic color or, for a more specific color, type the color's code (you can use the Color Picker on the Site Info/Look page of the programming tool to find the desired code). Finish with the "greater than" sign. Next, type the word or phrase you'd like to color and complete the command string with </font>. The entire command string looks like this:

<font color="red">Text in Red Font</font>

or

<font color="#6633CC">Text in Indigo Font</font>

NOTE: Remember, we've made it easy for you by including default text and header color options on the Site Info/Look area of the programming tool. So, if you want all of your articles to appear in the same, single color, save yourself the trouble and just change the "text color" in the Colors section of the Site Info/Look. Using double quotes in a "headline" box of an Article causes an error. Avoid this by using 'single quotes' instead.
Back To List

General Rule of Thumb for Stylizing Text

Think of the commands for stylizing text as telling the computer when to start stylizing and when to stop. The first part of the command means "start" and the second part, the part with the forward slash, means "stop."

You can use HTML commands together by stringing them along, one right after the other, and doing the same in reverse order at the end of the text you want stylized, forming brackets of HTML commands around the text. Like this:

<b><em><u>bold, italicized and underlined text</u></em></b>

If you have any other questions about how to stylize text, contact the Community Pages Moderator.

Back To List

Browse articles:

| Prev |1 - 5 | 6 - 10 | 11 - 11 | Next |

Current Featured Site:
Wisconsin Literacy

FREE ADS for COMMUNITY PAGES MEMBERS

Guidelines for the Calendar of Events Ad

Help Tips

Basic HTML to use on your site

| Prev |1 - 5 | 6 - 10 | 11 - 11 | Next |

Thank you for using the Community Pages.

Banner ad

madison.com is operated by Madison Newspapers Inc., publishers of the Wisconsin State Journal, The Capital Times, Agri-View and Apartment Showcase. Copyright ©2009, Madison Newspapers, Inc. All rights reserved.