Newbie's Guide to Web Design

Newbie's Guide to Web Design - Lesson 5

HTML Lesson 5

Font Formatting

All web pages have some sort of formatting, formatting brings out text that you want the visitor to notice such as New Stuff or FREE. So in this lesson you will learn to insert Bold, Italic and Underline formatting.

First open up your page that you have been working on if it is not currently open. Now lets bold the "This is my first paragraph" line, so find it in your page and type in just before it on the same line the bold tag and then after it type in the end tag .

Next go to the first item in your <ul> unordered list and just after the <li> tag but just before the text type in the Italic tag and after the text but before the tag type in the end tag for Italic .

When you are entering tags, especially mutipule tags within on line that you keep the order so they do not cancel one another out and cause your page to error out. Next we will use the Underline tag but by now you're a pro at this and have probably done it already but if not this is how underline is done. Go to the second item in your list and just after the <li> tag but before the text type and after the text but before the tag type in the end tag for underline .

Here is an example of what your page should look like:

<html>

<head>
<title>Brett's first web page</title>
</head>

<body>
This is the Body of my First Web Page<br>

This is the second line of my page<br>

<p>

<b>This is my first paragraph</b><br>


<ul>

<li><i>Pick up dry cleaning</i>
<li><u>Get kids</u>
<li>Buy shoes
<li>Go Fishing

</ul>

</body>

</html>

Now hit save and reload your browser and have a look. Now you may be thinking HEY! What if I want to bold and underline a line of text well you can! Here is how it's done, go down to your first item, the one that we put the bold tag on and just after the start bold tag put in a tag and just after the text but before the end bold tag put in the end tag and hit save then open it in your browser.

Here is an example:

<html>

<head>
<title>Brett's first web page</title>
</head>

<body>
This is the Body of my First Web Page<br>
This is the second line of my page<br>
<p>

<b><u>This is my first paragraph</u><b><br>

<ul>

<li><i>Pick up dry cleaning</i>
<li><u>Get kids</u>
<li>Buy shoes
<li>Go Fishing

</ul>

</body>

</html>

Now lets move on to Lesson 6 Body "Building".

SignIndustry.com
RetailSignShops.com

» Home Page
» About Us
» Contact Us

» Member Home Page
» Message Boards
» Business Tips
» Newbie's Guide
» How to FTP
» Internet Glossary
» Search the Database
» List your Sign Shop
» Edit Listing

Home Page | Members Area | List your Sign Shop | Find a Sign Shop | Buyer's Guide