Вы находитесь на странице: 1из 6

6/14/2014 Expertrating - HTML Tutorial, Style Sheets

http://www.expertrating.com/courseware/HTMLCourse/HTML_StyleSheets_4.asp 1/6
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



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

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
6/14/2014 Expertrating - HTML Tutorial, Style Sheets
http://www.expertrating.com/courseware/HTMLCourse/HTML_StyleSheets_4.asp 2/6
Certification
SEO Certification
Online Business Writing
Course & 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







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:
6/14/2014 Expertrating - HTML Tutorial, Style Sheets
http://www.expertrating.com/courseware/HTMLCourse/HTML_StyleSheets_4.asp 3/6

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;
6/14/2014 Expertrating - HTML Tutorial, Style Sheets
http://www.expertrating.com/courseware/HTMLCourse/HTML_StyleSheets_4.asp 4/6
}

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>
6/14/2014 Expertrating - HTML Tutorial, Style Sheets
http://www.expertrating.com/courseware/HTMLCourse/HTML_StyleSheets_4.asp 5/6
</body>
</html>

This is how the web page looks:
ExpertRating HTML Certification - Get Certified Now!!

6/14/2014 Expertrating - HTML Tutorial, Style Sheets
http://www.expertrating.com/courseware/HTMLCourse/HTML_StyleSheets_4.asp 6/6


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

Вам также может понравиться