Embed Size (px)
DESCRIPTION
HTML Tutorial, Style Sheets1
Citation preview
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 TrainerCertification
Personal TrainerCertification (Spanish)
Six Sigma Certification
Find a Personal Trainer
Project ManagementCertification
Six Sigma Certification
Six Sigma Black BeltCertification
Master Black BeltCertification
Six Sigma Green BeltCertification
Life Coach Certification
Lean ManagementCertification
Lean Six SigmaCertification
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 anapplet should run. For example, if the author wants to tell the applet which text to display, thenthe 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 WritingCourse & Certification
Baby Sitting Course &Certification
Time ManagementCertification
Health Club ManagementCertification
Medical Coding Certification
Medical Billing Certification
Business Analysis Course
Master Trainer Certification
Total Quality ManagementCertification
Kaizen Certification
Creative WritingCertification
Event ManagementCertification
Test Search by Job Title
Administrative AssistantCertification
Virtual AssistantCertification
All Online Courses
The font tag specifies the font face, font size and font color of the text. Presently, the font tag isnot 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 thenumber 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 whenyou proposed to me, I was so overwhelmed that I didn't talk for an hour?"<br/> The hubbyreplied, "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.
