Page 95 - TP_Pluse_V2.2_Class_7
P. 95
<!DOCTYPE HTML>
TEXT PROPERTIES
<HTML>
<HEAD> CSS provides text properties that are used to change the appearance of the text. The text properties
<TITLE>HR Tag</TITLE> and their values used with the style attribute are given below:
</HEAD>
Property Value Description
<BODY>
color Name of the colour Specifies the text colour to be used on the web page
<P>This is the first paragraph of the tag. HTML is the standard markup
language for Web pages.</P> text-align left, right, center, justify Specifies the alignment of the text
<HR>
text-indent length in pixels or percentage Specifies the indentation of the first line of the text
<P>This is the second paragraph of the tag. HTML is the standard markup
underline, overline or Specifies the text effects like underline, overline or
language for Web pages.</P>
text-decoration
strikethrough strike-through
<HR>
</BODY> capitalize, uppercase, Specifies the transformation of text into uppercase,
text-transform
</HTML> lowercase and none lowercase or title case
Create an HTML5 web page by using the text properties.
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE>Text Properties</TITLE>
<STYLE>
H1{font-family:Comic Sans MS; text-align:center;
text-decoration:underline;color:red}
</STYLE>
The <SUP> Tag </HEAD>
2
The <SUP> tag is used to turn the enclosed text into a superscript. For example, E=mc is coded <BODY>
as E=mc<sup>2</sup> <H1>Earth</H1>
<P style="font-family:Times New Roman; text-transform:uppercase"> Earth is
The <SUB> Tag the third planet from the Sun. It is the only planet that is known to sustain
life form. About 70% of the Earth's surface ic covered with water, rest of the
The <SUB> tag is used to turn the enclosed text into a subscript. For example, H O is coded earth surface is home to all the land dwelling animals.</P>
2
as H<sub>2</sub>O
<HR>
<P style="font-family:Times New Roman; text-transform:lowercase">
Life on earth is sustained majorly due to the atmosphere. It consists of 4
If HTML is a canvas and you are an artist, how would you design web pages and layout to layers, namely troposphere, stratosphere, mesosphere and thermosphere.</P>
express your creativity and style?
</BODY>
</HTML>
More on HTML5 93

