Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

6 Setting Up an External Sheet 6

Paragraph Tags

1  2  3  4  5  6  7  8  9  10

Paragraphs tags are used in a way similar to heading tags. They can unify a site. A paragraph tag often is used to determine indenting, spacing and other factors that will make your site stand out as unique.

  • open and save this doc, myHTML to your hard drive in the directory that your CSS sheet is in.

1. Our CSS sheet at this point should look something like below and the resulting page like the snapshot below that.

Open  your my3.html document that you downloaded above.  Text has been added with the Paragraph tags as well as heading tags..

2. To set up a style for the paragraph tags we need to specify the heading we want to change. To set up the style for the paragraph tag,  Type in the following:

p{

}

3. The h2 is called an element, just like the body in the previous styles.  Each element responds to numerous styles. Lets add color. To add color, type in the word color followed be the colon. Specify the color as #hex or the accepted html name. End the command with a semicolon ;.

p{
     color: red;
}

Save your style sheet and refresh your my4.html page. Try a few other colors including gray, blue, navy, yellow, lime.

4. Normal p tag has a space above and below it. Let's change the space it occupies by setting a paragraph height.

P {
color: red;
height: 300px;
}

Save and refresh your browser. Margins  can be set so that each paragraph indents. Try 60 px.

 P {
color: red;
height: 300px;
margin-left: 60 px;
}

6. Set the font family style, font size and so forth! Your on your way!

Once your done with this, Try using other tags to achieve results.

It is time to move on to the next section.



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2021 All Rights Reserved
Privacy and Legal