ExpertRating - Online Certification and Employment Testing ExpertRating - Online Certification and Employment Testing ExpertRating - Online Certification and Employment Testing

ExpertRating Home
ExpertRating Benefits
Recommend ExpertRating
Suggest More Tests
Privacy Policy
FAQ
Login
 
HTML Tutorial - Index
HTML Tutorial - Introduction
HTML Tutorial - Formatting
HTML Tutorial - Links
HTML Tutorial - Images
HTML Tutorial - Forms
HTML Tutorial - Tables
HTML Tutorial - Frames
HTML Tutorial - Style Sheets
HTML Tutorial - Advance Tags
     

 
Online Personal Trainer Certification
Personal Trainer Certification (Spanish)
Six Sigma Certification
Find a Personal Trainer
Project Management Certification
Six Sigma Certification
Six Sigma Black Belt Certification
Master Black Belt Certification
Six Sigma Green Belt Certification
Life Coach Certification
Lean Management Certification
Lean Six Sigma Certification
First Aid Certification
CPR Certification
Yoga Certification
Aerobics Certification
Pilates Certification
Business Analyst Certification
SEO Certification
Online Business Writing Course & Certification
Makeup Artist Certification
Baby Sitting Course & Certification
Time Management Certification
Health Club Management Certification
Medical Coding Certification
Medical Billing Certification
Business Analysis Course
Master Trainer Certification
Total Quality Management Certification
Kaizen Certification
Creative Writing Certification
Event Management Certification
Test Search by Job Title
Administrative Assistant Certification
Virtual Assistant Certification
  All Online Courses
   

   
   
   
   
   
   

   
  Home > Courses, Tutorials & eBooks > HTML Tutorial > Style Sheets
 
Previous Next

HTML Tutorial - Style Sheets

 
                                                                                                                     Page 4 of 4
 

Param Tag

The param tag is applied to communicate parameters. Parameters give details about how an applet should run. For example, if the author wants to tell the applet which text to display, then the TEXT parameter is used.

Attributes of Param Tag

Name

Name gives the name of the parameter.

Example:

 

<applet code=”myapplet.class” height=50 width=100>

<param name=text value=”Hello!” />

</applet>

 

Value

Value gives the value of the parameter.

Example:

 

<applet code=”myapplet.class” height=50 width=100>

<param name=text value=”Hello!” />

</applet>

 

 

Font Tag

The font tag specifies the font face, font size and font color of the text. Presently, the font tag is not in vogue. Style sheets are more popular for this purpose.

Attributes of Font Tag

Color

Color defines the color of text in the font element.

Example:

 

<font color = red >

This text will be displayed in red color!

</font>

 

Face

Face defines the font of the text in the font element. It takes up various font names as its value.

Example:

 

<font face=arial color=red >

This text will be displayed in red color with arial font!

</font>

}

 
 

Size

Size defines the size of the text in the font element. It takes up a number as value and the number should be between 1 to 7.

Example:

 

<font size=2 color=red face=arial>

This text will be displayed in red color with arial font and of size 2!

</font>

 

The following is an example of a web page in which style sheets are applied:

Style Sheet

Example:

 

body {

Font-family: Arial, helvetica, sans-serif;

Color: blue;

Background :url(myimage.jpg);

}

P {

Font-family: arial, Helvetica, sans-serif

}

 

table{

Color:#660000;

Border:5px none #FFCC99;

Width:250px;

Background-color: #FFFFCC;

}

 

td, th {

font-family: Arial, Helvetica, sans-serif;

font-size:20px;

border: solid red;

line-height: 2em;

}

 

H1,H2,H3,H4

{ color: #669999;

Font-weight: bold;

}

A: active {

Color: #ff0000;

}

 

A: visited {

Color: #999999;

}

 

UL, OL {

font-family: arial, helvetica, sans-serif;

}

 

HTML File

Example:

<html>

<head>

<title>My bag of jokes </title>

<LINK REL="stylesheet" HREF="stsheet.css" TYPE="text/css">

</head>

<body>

<h2>Hello This is My Jokes website.</h2>

<h3>Table of jokes</h3>
 
<table>
 
<tr><th colspan=2> Jokes </th> </tr>
<tr><td> Serial no.</td><td>Joke Type</td></tr>
<tr><td>1.</td> <td> Classic Jokes </td></tr>
<tr><td>2.</td> <td> Tennis Jokes </td></tr>
 
</table>
 
<h4>List of jokes</h4>

<ul>

<li>Classic jokes </li>

<li>Math jokes </li>

</ul>

<b>Let's read a joke</b>
<p>During their silver anniversary, a wife reminded her husband, “Do you remember that when you proposed to me, I was so overwhelmed that I didn't talk for an hour?"<br/> The hubby replied, "Yes, honey, that was the happiest hour of my life."</p>
 
a href="frames.html" target="_blank">Frames Website</a>
</body>
</html>
 

This is how the web page looks:

             

 

 
     
Home  |  About Us  |  Privacy Policy  |  Site Map  |  FAQs  |  Contact Us
 
© ExpertRating 2015. All Rights Reserved.