Page 88 - Chinmaya_C6_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
Inter-Disciplinary
Text properties are used to change the appearance of the text. The text 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, overline or Specifies the text effects like underline, uiz Which property is used to align the text?
text-decoration Bee
strikethrough overline or strikethrough _________________________________________________________________
capitalize, uppercase, Specifies the transformation of text into
text-transform
lowercase and none uppercase, lowercase or title case
BACKGROUND PROPERTIES
Create an HTML webpage by using the text properties.
<!DOCTYPE html> The background properties are used to make changes to the background of a webpage. The
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
</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> y-vertical) no repeat on the web page
86 Premium Edition-VI

