Page 88 - Trackpad_V1_Book 6_Flipbook
P. 88
HTML5 provides various methods to format text on a webpage and makes it easy to alter the <hr Size="10" width="80%" color="grey">
style of individual elements on a webpage. Cascading Style Sheets (CSS) is a convenient method <P style="font-family:Times New Roman; text-transform:lowercase">
of styling the elements of a webpage. It controls various elements like the colour, font, text size, Energy is a requirement in our everyday life as a way of improving
etc. within a single page or the entire website. CSS can also be used to change the look of any web human development leading to economic growth and productivity.</P>
page elements such as paragraphs, lists, backgrounds, etc.
</BODY>
</HTML>
TEXT PROPERTIES
Interdisciplinary
Text properties are used to change the appearance of the text. The properties and their values
used with the style attribute are given below:
Property Value Description
Specifies the text colour to be used on the
color Name of the colour
web page
left, right, center,
text-align Specifies the alignment of the text
justify
length in pixels or Specifies the indentation of the first line of the
text-indent
percentage text
underline, over line or Specifies the text effects like underline, over uiz Bee Which property is used to align the text?
text-decoration _________________________________________________________________
strike-through line or strike-through
capitalize, uppercase, Specifies the transformation of text into
Text-transform
lower-case and none uppercase, lowercase or title case
BACKGROUND PROPERTIES
Create an HTML webpage by using the text-properties.
The background properties are used to make changes in the background of a webpage. The
<!DOCTYPE html>
various background properties and their values are given in the table.
<HTML>
<HEAD> <TITLE>Text Properties</TITLE>
<STYLE> Property Value Description
H1{font-family:Comic Sans MS; text-align:center; text-
Decoration:underline;color:red} Specifies the background colour to
</STYLE> background-color Name of the colour
be used on the web page
</HEAD>
Specifies the image to be used in the
<BODY> background-image URL of image
background on the web page
<H1>Energy</H1>
<P style="font-family:Times New Roman; text-transform:uppercase"> Energy repeat, repeat-x, repeat-y, Specifies the repetition of an image
is the capacity for doing work. It may exist in potential, kinetic,thermal, background-repeat (whereas, x- horizontal & on the web page
electrical, chemical, nuclear, or other various forms.</P> y-vertical) no repeat
86 Trackpad (Version 1.0)-VI

