Page 86 - Trackpad_V5_Book 6
P. 86
HTML5 provides various methods to format text on a web page and makes it easy to alter the <hr Size="10" width="80%" color="grey">
style of individual elements on a web page. Cascading Style Sheets (CSS) is a convenient method <P style="font-family:Times New Roman; text-transform:lowercase">
of style the elements of a web page. It controls various elements like the colour, font, text size, etc. Energy is a requirement in our everyday life as a way of improving
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
21 st
Text properties are used to change the appearance of the text. The text properties and their Century #Interdisciplinary
Skills
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, overline or Specifies the text effects like underline, uiz Which property is used to align the text?
text-decoration Bee
strikethrough overline or strikethrough. _________________________________________________________________
capitalise, uppercase, Specifies the transformation of text into
Text-transform
lowercase and none uppercase, lowercase or title case.
BACKGROUND PROPERTIES
Create an HTML web page by using the text properties.
<!DOCTYPE html> The background properties are used to make changes to the background of a web page. The
<HTML> various background properties and their values are given in the table.
<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
</HEAD> be used on the web page.
<BODY> Specifies the image to be used in the
background-image URL of image
<H1>Energy</H1> background on the web page.
<P style="font-family:Times New Roman; text-transform:uppercase"> Energy
repeat, repeat-x, repeat-y,
is the capacity for doing work. It may exist in potential, kinetic,thermal, background-repeat (whereas, x- horizontal & Specifies the repetition of an image
electrical, chemical, nuclear, or other various forms.</P> on the web page.
y-vertical) no repeat
84 Pro (Ver. 5.0)-VI

