Pagebuilder Basic HTML

To create a webpage, go to your Webtv main page. Choose "Community". Then, choose, "Page Builder". If you have not created a Pagebuilder webpage, yet, you'll need to read and sign Webtv's terms of service agreement.

Next. click on the "create" link on the left sidebar menu. Choose the page style that you like. Be sure that the alignment shown matches your taste, too.

Now, to add html code, choose "add an item" and then "text" or "heading". Remember, if you choose "heading", then your text will be in bold print unless you add some font tag coding, which we'll discuss a little bit later You can place your html codes in the big text or heading box, along with your regular text. Press done. If you wish to publish your page, press the publish link on the left sidebar link. This will enable other people to view your page.

We use html to add images, sound, backgrounds and wordprocessing features to our webpages. A normal webpage layout with the html codes would look like this:

In Pagebuilder, you cannot use the body tag to change the webpage background, text color and link colors, because the body codes are already put into the page by the Pagebuilder program without a little extra coding. See the sections below on using javascript or the advanced editor method to customize your Pagebuilder backgrounds and other page wide alterations

See how each tag opens and closes like We don't usually need to or should add opening and closing html tags in Pagebuilder, but this is just an example.

It is very important that the html tags close in reverse order that they are opened.

All our codes in Pagebuilder will be placed within the opening and closing of the hidden body tags by the Pagebuilder program.

I'd like to start out with discussing how to make paragraphs, indents and line breaks.

For one line break, you'd this code No closing tag is needed for

To make a double spaced line to indicate a new paragraph, you can use to start a paragraph and at the end of the paragraph. I find that the code doesn't always work, so I try to use which are actually two line breaks.

Now, to make an indent space at the beginning of a paragraph, you can use &_nbsp&_nbsp. I altered this code to be able to show it to you. To get the correct code, delete the underline between the & and the nbsp. That will indent your line two characters across. If your want more indents, you can add more &_nbsp (minus the underline) codes.

You can change your text color by choosing "add an item" and then choosing "text" or "heading". Then, put this in the large box:

Press done. You must do this for every text or heading box that you put the codes in. You can use any color you wish for AnyColor like blue, green, red etc.

You can also use a hexidecimal color code to represent colors like this:

Here is Owens4 Color Chart with color names and hexidecimal color codes.

You can also change your text size The sizes are from 1 to 7, 7 being the largest font and we use the size attribute to do that. To change the font size merely put in:

or you can add the font size code with your color code inside one font tag like this:

If you want a special kind of text style, you can go to Flaming Text to get a special style for your text like a title or logo.

To change back to your main font simply use a closing font tag

Here are a few simple codes to change the look of the text to bold, italic and typing text style, respectively.

You can use these three tags in your email, too.

If you want to make horizontal lines between sections on your page, it's easy to do. Just use this code and a shaded line will be created to separate sections of your webpage. If you want the line to be filled in, you can use

You may wish to add a link to your webpage. There are several ways to do this. The easiest way is to choose "add an item" and then "links". Now, you can either type in the webpage link or choose from your favorites to add to your webpage.

You can change the link colors from your Pagebuilder links section, too. Select "add an item". Select "links". You will see the place for descriptions on the left side and the place to put the URL's on the right side like this:

(Description)___________(URL)http://_________ On the left side, put something like:

You could also change the font size by adding the size attribute like this:

I like the "add from favorites method", so let's try that. Press the "add from favorites" button. Now, you'll see all the favorites that you've saved to your favorites folder. Check the boxes of the favorites that you want to add as a link to your webpage. You can add up to 25 links per links list section. Then, scroll down to the bottom and press done.

You can also manually put in your links by choosing "add an item" and then "text" or "heading". Now, put this code into your text or heading box:

You can even change link colors by adding font tags inside the opening and closing link tags like this:

And, our link would look like this:

Webpage Title

Notice, how my closing tags are in reverse order of my opening tags.

To add your email link to your webpage, you can use this code:

To add a newsgroup link, go to the newsgroup that you'd like to add to your webpage. Now, click on any post. Press respond. Then, put your cursor in the "group" line. Put your cursor in front of the newsgroup name. They will probably begin with alt.discuss, if you're looking at the MSN TV newsgroups. Now type in news: right in front of the newsgroup name to change it to the newsgroup address.

Now, you're ready to copy and paste the newsgroup address. So, press cmd and A, then press cmd and C. Go to where you want to put the newsgrroup link and press cmd and V to paste the newsgroup URL. Put that newsgroup address in with this code:

An example of a newsgroup link would look like this
Curly Roe's Webv Help Newsgroup